Estou a tentar fazer um formulário autocomplete, no entanto até agora não funciona, não sei se alguém consegue identificar o erro
<div class="form-group">
<label class="control-label col-sm-4" for="Nome"> Nome </label>
<div class="col-sm-6">
<input type="text" class="form-control " id="Nome" autocomplete="on" placeholder="Digite o nome do terceiro" name="Nome">
</div>
<span class='msg-erro msg-Nome'></span>
</div>
<script>
$(document).ready(function(){
$('#Nome').typeahead({
source: function(sql, res)
{
$.ajax({
url:"Includes/search.php",
method:"POST",
data:{sql:sql},
dataType:"json",
success:function(data)
{
result($.map(data, function(item){
return item;
}));
}
})
}
});
});
</script>
search.php
<?php
$request = mysqli_real_escape_string($lig, $_POST["sql"]);
$sql = " SELECT * FROM Terceiros WHERE Nome LIKE '%".$request."%' ";
$res=$lig->query($sql);
$data = array();
if(mysqli_num_rows($res) > 0)
{
while($lin = mysqli_fetch_assoc($res))
{
$data[] = $lin["Nome"];
}
echo json_encode($data);
}
?>
<form>
? o php não consegue ler nada que não estiver dentro de umform