jQuery自動完成和本地提取的json數據

Question

我正在努力與jQuery UI自動完成並從存儲從json數組返回的所有數據的變量中讀取自動完成值。這是JavaScript的樣子：

function populate_branch(){ 
    $.get('/branch/list', {bank_name : $("#select_bank_name").val()}, function(branch_data){ 
     branch_index = branch_data; 
    },"json"); 
}; 

for(var i = 0; i < branch_index.length; i++) 
    branch_autocomplete += "" + "\'" + branch_index[i].branch_code + "\'" + "},"; 

$("#branch_auto_complete").autocomplete({ 
      source: branch_autocomplete 
}); 

什麼，當我嘗試使用自動完成的文本框我的控制檯做一些非常奇怪的情況發生，它返回：

//本地主機：3000 /未定義％ 7B'label '：' 301105 '％7D，％7B'label'： '301205' ％7 ... '標籤'： '639625' ％7D，％7B'label '：' 639845 '％7D，％7B'label' ：'639948'％7D，？term = 41 404（未找到）

任何幫助？

Answer 1

這是我做的，使這項工作，

var branch_index; 
var branch_autocomplete, branch_name; 
var index_branch_code = new Array(); 
function populate_branch(){ 
    $.get('/branch/list', {bank_name : $("#select_bank_name").val()}, function(branch_data){ 
     branch_index = branch_data; 
     for(var i = 0; i < branch_index.length; i ++) 
     { 
      index_branch_code[i] = branch_index[i].branch_name + " (" + branch_index[i].branch_code + ")"; 
     } 
    },"json"); 
}; 

$("#branch_auto_complete").autocomplete({ 
     minLength: 0, 
     source: branch_code, 
}); 

我只是需要所有的數據推到一個數組中，並創建一個新的變量等於index_branch_code從而使瀏覽器看到該變量作爲一個平面文件而不是動態的。

Answer 2

你可以嘗試這種方式。

$.ajax({ 
    url: '/branch/list', 
    type: "GET", 
    data: {bank_name : $("#select_bank_name").val()} , 
    dataType: "json", 
    async: false, 
    success: function(dataType) { 

      for(var i = 0; i < branch_index.length; i ++){ 
       index_branch_code[i] = branch_index[i].branch_name + " ("+ branch_index[i].branch_code + ")"; 
      } 

     $("#branch_auto_complete").autocomplete({ 
       minLength: 0, 
       source: branch_code, 
     }); 
    } 
});