jquery-ui自动完成问题

时间:2017-02-02 10:50:55

标签: javascript jquery jquery-ui-autocomplete

我正在使用jQuery自动完成,但我注意到我的输入中发生了一个奇怪的问题。例如,在下面的示例中:

    $(function() {

var data = var data = [
  {
    "label": "12 12 North",
    "value": "12 North",
    "country_code": "IN",
    "name": "12 North",
    "code_airline": 12
  },
  ...];

          $('#sample-01').autocomplete({
            maxShowItems: 5,
              minLength:2,
            source: data
          });

        });

我获得了一系列对象,这些对象为我提供了一些有关航空公司的信息。如果我开始搜索航空公司的第一个字符,它会给我正确的标签。

但是当我尝试用URL源替换数据变量时,就像:

$('#sample-01').autocomplete({
            maxShowItems: 5,
              minLength:2,
            source: "http://www.json-generator.com/api/json/get/cqycMlSXci?indent=2"
          });

它没有给我正确的标签/公司名称,就像自动完成停止过滤正确的数据一样。我的代码出了什么问题?

1 个答案:

答案 0 :(得分:3)

来自jqueryui

  

字符串:使用字符串时(...)自动完成插件不会过滤结果....

首先尝试加载json数据,然后填充自动完成插件。例如:

$(function(){
    var json = $.getJSON("http://www.json-generator.com/api/json/get/cqycMlSXci?indent=2");
    json.done(function(data){
        $('#sample-01').autocomplete({
            maxShowItems: 5,
            minLength:2,
            source: data
        });
    });
});