jQuery用戶界面 - 自動完成與額外參數 - 返回

Question

所有，

我已經轉移到使用UI自動完成，而不是插件數據，我花了一段時間才能找出基於一個例子，我在這裏找到額外參數，但該部分起作用。

我遇到了處理返回數據的問題。在下面的代碼中，我可以提醒標題被返回，但我在瀏覽器中下拉了'UNDEFINED'。

在此先感謝。

$('#DocTitle').autocomplete({ 
    source: function(request, response) { 
     $.ajax({ 
      url: "index.pl", 
      dataType: "json", 
      data: { 
       Title: request.term,       
       maxRows: 10 
      }, 
      success: function(data) { 
       response($.map(data, function(item) { 
       alert(item.TITLE); 
       return { 
        TITLE: item.TITLE 

       } 
      })) 
      } 
     }) 
    } 
}); 

Answer 1

我正在使用jQuery UI自動完成，如下所示，它對我來說工作得很好。你可以嘗試類似的路線。

$('input[type=text][name=City]').autocomplete({ 
      source: function(request, response) { 
       $.getJSON($('input#CitySuggestionsLink').val(), { 
        term: request.term, 
        stateId: $('select#StateName option:selected').attr('value') 
       }, response); 
      }, 
      search: function() { 
       // custom minLength 
       var term = this.value; 
       if (term.length < 1) { 
        return false; 
       } 
      }, 
      delay: 200, 
      focus: function() { 
       // prevent value inserted on focus 
       return false; 
      }, 
      select: function(event, ui) { 
       return false; 
      } 
     });