自动完成功能不适用于JSON文件

时间:2018-07-14 13:30:33

标签: php jquery json autocomplete

我需要你的帮助。我正在尝试在自动创建文本输入时使用自动完成功能,但是出现了一些问题。我想使用JSON文件,因为ajax请求花费了1/2秒的时间,而我的使用时间太长了。

代码如下:

$(document).on('keydown.autocomplete',"[id$=_buy_mod]",function() {    

   $(this).autocomplete({        
      source: function(request,response) {
          $.ajax({
              ttpe: "GET",
              url: "js/articoli.json",

              data: {
                  term: request.term
              },
              dataType:'json',
              dataFilter: function(data) {return data;},
              success: function(data) {
                  response($.map(data,function(product) {

                      return {
                          label: product.label,
                          value:product.value

                      };
                  }))

              },

          })
      },
      minLength: 1,
      select: function( event, ui ) {
          var localid = $(this).attr('id');
          var numerolocal = localid.match(/\d+/);
          console.log(numerolocal);
          $(this).val(ui.item.label);
          $("[id$="+numerolocal+"_buy_id_mod]").val(ui.item.value)

          return false;

      }
   });

实际上,时间安排不错,但自动完成功能不会过滤数据,它会向我显示所有可能的单词。

这是json文件

[{"value": "1","label": "Panasonic Lumix L1"}, 
{"value": "10","label": "Sigma 17-50mm f 2.8 OS Canon"}, 
{"value": "11","label": "Canon 1000D"}, 
{"value": "1100D","label": "Canon 1100D"}
-------

我该如何解决?

0 个答案:

没有答案