2017-05-29 100 views
0

我正在使用jquery自動填充問題我現在面臨的是,如果我使用預加載的數據它不顯示建議,但我讓阿賈克斯叫它工作正常我的數據是JSON對象這樣的方式jquery自動完成不顯示加載結果的數據

[{label:"1" value:"ORg1"},label": "2" value :"org2"] 

和我autocompelete的jQuery這樣

$(function() { 
 
$("#searchByText").autocomplete({ 
 
\t \t source:orgData 
 
    \t }) 
 

 
}); 
 

 
function loadAllHotels(){ 
 
\t 
 

 
\t $.ajax({ 
 
\t \t url:"../organization/loadOrgs.htm", 
 
\t \t dataType:"json", 
 
\t \t 
 
\t \t success:function(data){ 
 
\t \t \t orgData=data; 
 
\t \t } 
 
\t }) 
 
\t 
 
}

但如果我從自動完成ajax調用它正在working.c任何人請讓我知道是怎麼回事?

回答

1

看看這個工程,

var orgData = [{ 
    "label": "1", 
    "value": "ORg1" 
}, { 
    "label": "2", 
    "value": "org2" 
}]; 

$(function() { 
    $("#searchByText").autocomplete({ 
     source:function(request, response) { 
      var rows = autocompleteJSONParse(orgData); 
      return response(rows); 
     } 
    }); 
}); 

function autocompleteJSONParse(data){ 
    var rows = []; 
    var rowData = null; 
    var dataLength = data.length; 
    for(var i = 0; i < dataLength; i++) { 
     rowData = data[i]; 
     rows[i] = { 
      label: rowData.label, 
      value: rowData.value 
     }; 
    } 
    return rows; 
} 
+0

WeDev:但我的問題是我不想讓我想加載這些數據全部數據一次,並自動完成觸發每次Ajax調用 –

+0

和上述溶液沒」 t工作.. :( –

+0

在這種情況下,在AJAX方法的成功回調中初始化自動完成,而不是DOM準備好。 –