設置jquery的自動完成源的值和顯示屬性

Question

我有一個遠程源不會返回id和值或標籤。我怎樣才能使用它作爲jQuery的自動完成插件的來源？

Answer 1

你應該通過source一個功能，手動使得AJAX請求，然後對返回的數據進行一些後期處理：

source: function(request, response) { 
    $.ajax({ 
     url: url, 
     data: request, 
     dataType: "json", 
     success: function(data) { 
      var processedData = $.map(data, function(item) { 
       return { 
        value: item._your_property, // Property you want to use for "value" 
        label: item._another_property // Property you want to use for "label" 
       } 
      }); 
      response(processedData); 
     }, 
     error: function() { 
      response([]); 
     } 
    }); 
} 

基本上，使用$.map把你回來的陣列到陣列自動填充小部件支持的對象。

有關工作示例，請查看jQueryUI演示頁面上的JSONP example。