。來自遠程json的自動完成數據

Question

我有一些煩惱。自動完成功能。 我有：

<script type="text/javascript"> 

$(".search").autocomplete({ 
     source: [{label:'link label1', searchLink:'http://link1.com'}, 
       {label:'link label2', searchLink:'http://link2.com'}, 
       {label:'link label3', searchLink:'http://link3.com'}], 
     select:function(e,ui) { 
     location.href = ui.item.searchLink; 
} 
}); 
</script> 

，我需要把這個JSON內容直接文件和讀取數據來自其與此aoutocomplete數據：

{ 
{label:'link label1', searchLink:'http://link1.com'}, 
{label:'link label2', searchLink:'http://link2.com'}, 
{label:'link label3', searchLink:'http://link3.com'} 
} 

有人可以幫我一下吧），也許某種方式？與$ .getJSON（）將是很好的解決方案:)

Answer 1

基本上下面是你需要做的。

$("#autocomplete").autocomplete({ 
       delay: 500, 
       minLength: 3, 
       source: function(request, response) { 
        $.getJSON("JSON file name", {      
         q: request.term, 
         page_limit: 10 
        }, function(data) { 
         // data is an array of objects and must be transformed for autocomplete to use 
         var array = $.map(data, function(m) { 
          return { 
           label: m.lable, 
           searchLink: m.searchLink 
          }; 
         }); 
         response(array); 
        }); 
       } 
      }); 

下面的文章解釋瞭如何使用自動完成的遠程JSON。

http://salman-w.blogspot.com/2013/12/jquery-ui-autocomplete-examples.html#example-3

它有完整的代碼，以及

Answer 2

試着寫一個回調的數據工作;

$.getJSON('getSource.url',function(data){ 
     /* Work with your data here */ 
}) 

你會發現jQuery UI autocomplete with objects有用