我正在尝试在jQuery UI网站上为远程JSONP数据源实现自动完成脚本sample。示例脚本在我的站点上正常工作,但我的代码使用我的datasoruce
我的数据源发给我一个json数据,如;
[{ "id":112,"name":"Serhat", "phone":"035343534"},{ "id":124,"name":"Mehmet", "phone":"242324244"},{ "id":125,"name":"Cemil", "phone":"0984509485"}]
这是我的代码;
$("#nameSearch").autocomplete({
source: function (request, response) {
$.ajax({
url: reqUrl,
dataType: "jsonp",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
minLength: 3,
select: function (event, ui) {
log(ui.item ?
"Selected: " + ui.item.label :
"Nothing selected, input was " + this.value);
},
open: function () {
$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
},
close: function () {
$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
}
})._renderItem = function (ul, item) {
return $("<li></li>")
.data("item.name", item)
.append("<a>" + item.name+ "</a>")
.appendTo(ul);
};
那么如何呈现此数据以显示自动填充建议?