Tenho esse código em jquey e PHP, preciso que apareça a imagem do produto no auto-complete junto com o nome, na div #resultado. Coloquei o console.log()
para ver se estava buscando as informações, e estão, só não está mostrando na div #resultado.
Quando tento procurar algo, retorna esses erros
["in 13001", "in 13004", "in 13005", "in 13006", "in 13007", "in 13008", "in 13010", "in 13011", "in 13014", "in 13016", "in 13018", "in 13019", "in 13020", "in 13021", "in 13022", "in 13025", "in 13026", "in 13027", "in 13028", "in 13029", "in 23008", "in 23009", "in 23010", "in 23012", "in 23013", "in 23014", "in 23020", "in 23021", "in 23022", "in 23023", "in 23025", "in 23027", "in 23028", "in 23030", "in 23031", "in 23033", "in 23034", "in 23035"]
VM1408:1 Uncaught SyntaxError: Unexpected token i in JSON at position 0
at JSON.parse ()
at Object.success ((index):792)
at j (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at x (jquery.min.js:4)
at XMLHttpRequest.b (jquery.min.js:4)
fetch.php
$connect = mysqli_connect("localhost", "root", "xxx", "xxx");
$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)) {
$query2 = "
SELECT * FROM fotos_produtos WHERE id_produto='" . $row['id'] . "'
";
$result2 = mysqli_query($connect, $query2);
if (mysqli_num_rows($result2) > 0) {
while ($row2 = mysqli_fetch_assoc($result2)) {
$data[] = $row["nome"]."<img src='ulpoads/".$row2["nome"]."' />";
}
}
}
echo json_encode($data);
}
Jquery
$(document).ready(function() {
$("#resultado").typeahead({
source: function(b, a) {
$.ajax({
url: "fetch.php",
method: "POST",
data: {
query: b
},
dataType: "json",
success: function(c) {
console.log(c);
var json = JSON.parse(c);
$.each(json, function(i, data) {
$("#resultado").prepend(data);
});
}
})
}
})
});