jQuery自动完成json文件

Question

大家好，我有一个问题想在jQuery中自动完成，我在同一文件夹中有一个json文件，这里是代码

var auto = $(function() {
    $("#recherche").autocomplete({
        source: "code.json",
        minLength: 1,
    })
});

这是json文件的示例：

{
    "__type": "Featsee",
    "feat": [
        {
            "id": {
                "ID_THING": 1111
            },
            "properties": {
                "CODTHING": "405136",
                "TIONNEMENT": "VRAC"
            }
        }
    ]
}

html代码如下：

    <label for="tags" >Recherche lot : <input id="recherche" type="text"        class="searchable" placeholder="rechercher ici"/></label>

该插件如下：

      <script src="libs/jquery/js/jquery-2.1.1.min.js"></script>
      <script src="libs/jquery/js/jquery-ui.js"></script>

JSON文件是正确的，但我希望自动完成功能可以作为CODTHING的工具，您看到我该怎么做吗？

和CODTHING是一个代码，希望它是自动完成的

Answer 1

您提供给jQuery UI自动完成功能的JSON必须是具有label和value属性的对象数组或字符串数​​组。

http://api.jqueryui.com/autocomplete/#option-source

由于您提供给我们的JSON简短，我只能猜测其余的答案。

如果lots.json只是一个普通的JS文件，则可以在JSON数据中浏览“ feat”数组，然后基于该数组返回字符串。

(function($){

  var lots = $.get('lots.json');

  lots.done(function (results) {

    var data = $.map(results.feat, function (lot) {
      return lot.properties.CODTHING;
    });

    $("#recherche").autocomplete({
      source: data
    });

  });

}(jQuery));

如果lots.json实际上是服务器端文件，您可以向其中提供一些数据并对其进行过滤，则可以使用此答案中记录的函数：

来自另一个js函数的jQuery自动完成源