Alguém pode me ajudar com esse código? Por que não funciona? Estou tentando enviar um valor recebido por um formulário para um arquivo php, usar esse valor na minha query SQL buscando por registros que contenham esse valor, retornar um array Json com o(s) resultado(s) e imprimi-los na tela usando html.
Minha Query SELECT:
$sql= "SELECT * FROM incidente WHERE (titulo LIKE '%':buscar'%' OR descricao LIKE '%':buscar'%')";
//...
$recebeConexao->bindParam(':buscar', $_POST['busca'], PDO::PARAM_STR);
Código HTML:
<!-- here I am creating a form whit text input and a button that call the function enviar() -->
<form id="buscar">
<input id="busca" name="busca" type="text" placeholder="Buscar incidente" />
<input onclick="enviar()" type="button" value="ok" />
</form>
<!-- creating a array that will receive values from SQL consult -->
<div id="content" class="content">
<article class="underline">\
<a href="incidente.html"><img id="incidente"\
src="img/buraco.jpg" alt="Incidente" /></a>\
<h2><a href="basic_markup.html" id="tit">'+tit+'</a></h2>\
<p id="desc">'+desc+'</p>\
<div class="date" id="date">'+dateVal+'</div>\
<img class="tick" alt="não resolvido" src="img/no-tick.png">\
<img class="apoio" alt="apoiar" src="img/apoio.png">\
</article>'
</div>
Função enviar():
function enviar() {
function viewData(data, el) {
var content = '';
for (var i in data) {
var tit = data[i].titulo;
var desc = data[i].descricao;
var dateVal = data[i].data;
content += '<article class="underline">\
<a href="incidente.html"><img id="incidente"\
src="img/buraco.jpg" alt="Incidente" /></a>\
<h2><a href="basic_markup.html" id="tit">'+tit+'</a></h2>\
<p id="desc">'+desc+'</p>\
<div class="date" id="date">'+dateVal+'</div>\
<img class="tick" alt="não resolvido" src="img/no-tick.png">\
<img class="apoio" alt="apoiar" src="img/apoio.png">\
</article>';
}
$('#'+el).html(content);
}
$(function(){
$.ajax({
var formula = $('#buscar').serialize();
type: "POST",
data:formula,
url: "http:/ip/connect/www/buscar.php",
dataType: "json",
success: function (data) {
viewData(data,'content');
}
});
});
}
Estou recebendo o erro: enviar is not defined
...
enviar();
? Este erro é porque a pagina está tentando chamar uma função que não existe ou ainda não foi declarada.viewData()
está definida dentro deenviar()
? qual é o problema o json não chega? sua consulta não retorna nada?