我正在尝试使用给定的脚本从MySQL数据库自动完成数据。在开发人员工具网络中给出正确响应时，它没有显示标签。
JS
$('#search').autocomplete({
source: function( request, response ) {
$.ajax({
url: 'search.php',
dataType: "json",
method: 'post',
data: {
name_startsWith: request.term,
type: 'type'
},
success: function( data ) {
response( $.map( data, function( item ) {
return {
label: code['id'],
value: code['id'],
data : item
}
}));
}
});
},
autoFocus: true,
minLength: 1,
select: function( event, ui ) {
$('#player').val(ui.item.data.player);
$('#marks').val(ui.item.data.marks);
}
});
search.php
$type = $_POST['type'];
$id = $_POST['name_startsWith'];
$query = $db->prepare("SELECT id, player, marks, note FROM players where ( id LIKE '".$id."%') ");
$query->execute();
$data = array();
$i = 0;
while ($row = $query->fetch(PDO:: FETCH_ASSOC)) {
$data[$i]['id'] = $row['id'];
$data[$i]['player'] = $row['player'];
$data[$i]['marks'] = $row['marks'];
++$i;
}
echo json_encode($data);
网络响应
[{"id":"4133","player":"Sam","marks":"65"},{"id":"4955","player":"valiu","marks":"34"}]
替换为：
return {
label: code['id'],
value: code['id'],
data : item
}
带有：
return {
label: item['id'],
value: item['id'],
data : item
}
您传递了错误的参数。
同样从小提琴中，更新这些内容，然后进行测试
将url更改为url: 'https://jqueryui.com/resources/demos/autocomplete/search.php?term=ro'，将dataType更改为dataType: "jsonp"
然后测试
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句