Javascript JSONP的jQuery自动完成不';结果不好
我试图实现一个自动完成脚本,作为jQueryUI站点上远程JSONP数据源的脚本。示例脚本在我的站点上正常工作,但我的代码与datasoruce兼容 我的数据源向我发送json数据,如Javascript JSONP的jQuery自动完成不';结果不好,javascript,jquery,json,jquery-ui,autocomplete,Javascript,Jquery,Json,Jquery Ui,Autocomplete,我试图实现一个自动完成脚本,作为jQueryUI站点上远程JSONP数据源的脚本。示例脚本在我的站点上正常工作,但我的代码与datasoruce兼容 我的数据源向我发送json数据,如 [{ "id":112,"name":"Serhat", "phone":"035343534"},{ "id":124,"name":"Mehmet", "phone":"242324244"},{ "id":125,"name":"Cemil", "phone":"0984509485"}] 这是我的密码
[{ "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);
};
$(“#名称搜索”).autocomplete({
来源:功能(请求、响应){
$.ajax({
url:reqUrl,
数据类型:“jsonp”,
数据:{
期限:request.term
},
成功:功能(数据){
答复(数据);
}
});
},
最小长度:3,
选择:功能(事件、用户界面){
日志(ui.item?
“选定:”+ui.item.label:
“未选择任何内容,输入为”+此值);
},
打开:函数(){
$(this).removeClass(“ui角点全部”).addClass(“ui角点顶部”);
},
关闭:函数(){
$(this.removeClass(“ui角顶部”).addClass(“ui角全部”);
}
})._renderItem=功能(ul,项目){
返回$(“”)
.数据(“项目名称”,项目)
.append(“+item.name+”)
.附录(ul);
};
那么,我如何呈现这些数据以显示自动完成建议呢?这可能很有用:如果这是数据源实际发送给您的内容,那么您将得到一个json响应,而不是jsonp响应!控制台中是否有错误?Jsonp要求服务支持json-p服务器端