Adicionar imagens no bootstrap com o typeahead
Tenho esse código em jquery que faz o auto-complete de uma busca, ele está funcionando, porém quero que apareça uma imagem nas sugestões, quando faz o auto-complete da busca, teria como?
$(document).ready(function(){
$('#country').typeahead({
source: function(query, result)
{
$.ajax({
url:"fetch.php",
method:"POST",
data:{query:query},
dataType:"json",
success:function(data)
{
result($.map(data, function(item){
return item;
}));
}
})
}
});
});
//fetch.php
$connect = mysqli_connect("localhost", "root", "20054145", "gabriella_responsivo");
$request = mysqli_real_escape_string($connect, $_POST["query"]);
$query = "
SELECT * FROM produtos WHERE nome LIKE '%".$request."%'
order by nome ASC";
$result = mysqli_query($connect, $query);
$data = array();
if(mysqli_num_rows($result) > 0)
{
while($row = mysqli_fetch_assoc($result))
{
$data[] = $row["nome"];
}
echo json_encode($data);
}Discussão (0)
Carregando comentários...