Javascript jQuery ui自动完成json文件

我正在尝试从JSON文件获取数据，但jquery ui自动完成不起作用。这是我的JSON数组

[
 {
   "FIELD1": "A",
   "FIELD2": "B",
   "FIELD3": "C"
 },
 {
   "FIELD1": "ITEM ",
   "FIELD2": "RATE LIST",
   "FIELD3": "HSN Code"
 },
 {
   "FIELD1": "HORSES - PURE-BRED BREEDING ANIMALS ",
   "FIELD2": "0.12",
   "FIELD3": "1011010"
 },
 {
   "FIELD1": "ASSES - PURE-BRED BREEDING ANIMALS ",
   "FIELD2": "0",
   "FIELD3": "1011020"
 }]

我试图在jQueryUIAutoComplete中获取这些结果，但它不起作用

 $( function() {
  $('#tags').autocomplete({
    source: function (request, response) {
        $.getJSON("check.json?term=" + request.term, function (data) {
            response($.map(data.dealers, function (value, key) {
                return {
                    label: value,
                    value: key
                };
            }));
        });
    },
    minLength: 2,
    delay: 100
});
  } );

---

由于您无法更改JSON文件，我建议：

source: function (request, response) {
  $.getJSON("check.json", function (data) {
    var results = [];
    console.log("Data:", data);
    $.each(data, function(k, v){
      console.log("Checking if", request.term, "is part of", v.FIELD1);
      if(v.FIELD1.indexOf(request.term) == 0){
        console.log("True");
        results.push({
          label: v.FIELD1,
          value: v.FIELD2,
          hsn: v.FIELD3,
          oData: v
        });
      } else {
        console.log("False");
      }
    });
    console.log("Sending results:", results);
    response(results);
  });
}

这将获取所有结果，因为它是JSON，而不是服务器端脚本文件。然后，您需要找出请求术语。这就是

$。each（）

非常有用。您还可以使用

$.ui.autocomplete.filter（）

。对于这种情况，它没有那么有用，因为它需要一个数组和一个术语来过滤

更新

在我看到你的小提琴后，我把它分成了一个工作示例：

JavaScript

var myData = [{
  "FIELD1": "A",
  "FIELD2": "B",
  "FIELD3": "C"
}, {
  "FIELD1": "ITEM ",
  "FIELD2": "RATE LIST",
  "FIELD3": "HSN Code"
}, {
  "FIELD1": "HORSES - PURE-BRED BREEDING ANIMALS ",
  "FIELD2": "0.12",
  "FIELD3": "1011010"
}, {
  "FIELD1": "ASSES - PURE-BRED BREEDING ANIMALS ",
  "FIELD2": "0",
  "FIELD3": "1011020"
}];

$(function() {
  $('#tags').autocomplete({
    source: function(request, response) {
      //$.getJSON("check.json", function(data) {
      $.ajax({
        type: "POST",
        dataType: "JSON",
        data: {
          json: JSON.stringify(myData)
        },
        url: "/echo/json/",
        success: function(data) {
          var results = [];
          console.log("Data:", data);
          $.each(data, function(k, v) {
            console.log("Checking if", request.term, "is part of", v.FIELD1);
            if (v.FIELD1.toLowerCase().indexOf(request.term.toLowerCase()) == 0) {
              console.log("True");
              results.push({
                label: v.FIELD1,
                value: v.FIELD2,
                hsn: v.FIELD3,
                oData: v
              });
            } else {
              console.log("False");
            }
          });
          console.log("Sending results:", results);
          response(results);
        }
      });
    },
    minLength: 2,
    delay: 100
  });
});

---

您是否尝试使用标签和值（如“label”、“value”）更改json属性名称？请您为我回答：）调用GET on

“check.json？term=“+request.term

将得到100%的结果。除非您的web服务器在服务器端处理.json文件，否则它将不知道如何处理

term

list@TayyabGulsherVohra已编辑-在

$的末尾找到缺少的
）
。each（）

我已经尝试了这段代码，但没有任何效果。这段代码没有显示任何响应，但给出了状态200Ok，所以200很好。当您查看网络部分时，您是否在对AJAX调用的响应中看到JSON数据？