设置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。