JSONP的jQuery自动完成功能不正确

时间:2014-09-25 20:35:41

标签: javascript jquery json jquery-ui autocomplete

我正在尝试在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);
      };

那么如何呈现此数据以显示自动填充建议?

0 个答案:

没有答案