jQuery用戶界面自動完成未完全填滿數據

Question

我有jQuery用戶界面自動完成代碼如下：

$("#keyword").autocomplete({ 
       source: function(request, response) { 
        $.ajax({ 
         url: "<?php echo base_url(); ?>index.php/formhandler/autocomplete", 
         data: {term: request.term, data: $("#city").val()}, 
         dataType: "json", 
         success: function(data) { 
          response($.map(response, function(item) { 
           return { 
            label: item, 
            value: item 
           } 
          })); 
         } 
        }) 
       } 
      }); 

和我有響應爲JSON如下：

["result1"]["reusult2"]["result3"]["result4"]["result4"] 

我怎樣才能自動完成的關鍵字字段使用這個？

Answer 1

爲什麼使用$ .ajax。您可以從$ .get中獲取數據作爲源。

$("#keyword").autocomplete({ 
       source : function (request, response) { 
       $.get("<?php echo base_url(); ?>index.php/formhandler/autocomplete", {term: request.term, data: $("#city").val()}, function (data) { 
       response(data); 
      }); 
     } 
     }); 

Answer 2

你需要這些陣列組合>使用：

$.merge 

您可能需要使用一個循環。一個例子可以是這樣：

var first = ['a','b','c']; 
var second = ['d','e','f']; 
$.merge($.merge([],first), second); 

輸出，會：

["a","b","c","d","e","f"] 

Answer 3

你似乎沒有被使用AJAX成功函數的參數數據。打開JavaScript控制檯（chrome中的F12）並檢查是否有任何錯誤。

$("#keyword").autocomplete({ 
    source: function(request, response) { 
    $.ajax({ 
     url: "<?php echo base_url(); ?>index.php/formhandler/autocomplete", 
     data: {term: request.term, data: $("#city").val()}, 
     dataType: "json", 
     success: function(data) { 
     //check what data contains. it should contain a string like "['val1','val2','val3','val4']" 
     //the next line should use $.map(data and not $.map(response 
     response($.map(response, function(item) { 
     return { 
      label: item, 
      value: item 
     } 
    })); 
} 
}) 
} 
});