Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JSONP的jQuery自动完成不';结果不好_Javascript_Jquery_Json_Jquery Ui_Autocomplete - Fatal编程技术网

Javascript JSONP的jQuery自动完成不';结果不好

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"}] 这是我的密码

我试图实现一个自动完成脚本,作为jQueryUI站点上远程JSONP数据源的脚本。示例脚本在我的站点上正常工作,但我的代码与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);
      };
$(“#名称搜索”).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服务器端