關(guān)于遠(yuǎn)程返回的json數(shù)據(jù)的展示，以前一樣的代碼，如果是本地寫好的json串?dāng)?shù)據(jù)，插件顯示就沒有問題，一旦換成ulr方式讀取一樣的數(shù)據(jù)，插件就不能正常顯示問題了。

今天偶然搜索資料找到一篇csdn上有人提問的問題，也是相同的問題

http://topic.csdn.net/u/20090703/14/8d349262-8ca1-4bf5-998d-3a0712412149.html

有高人解答了

$("#autocomplete").autocomplete("data.aspx", {
minChars: 0,
max:15,
width: 200,
scroll: false,
scrollHeight: 500,
//需要把data轉(zhuǎn)換成json數(shù)據(jù)格式
parse: function(data) {
?　　　　　　　　　　if (data != "") {
　　　　return $.map(eval(data), function(row) {
　　return {
　　 data: row,
　　value: row.name,
　　result: row.name + " <" + row.to + ">"
　　}
　　});
?　　　　　　　　}
　　},
formatItem: function(data, i, total) {
return "<div style='float:left'>"+data.name+data.to+"</div>"
},
formatMatch: function(data, i, total) {
return data.name;
},
formatResult: function(data, value) {
return data.name;
}
}).result(function(event, data, formatted) {
$("#twoColum_abbr").val(data.to);
});

在數(shù)據(jù)返回回來之后，還要在進(jìn)行一次處理

關(guān)鍵點(diǎn)就在于

//需要把data轉(zhuǎn)換成json數(shù)據(jù)格式，注意必須判斷data是否為空，否則出異常，如下紅色標(biāo)注 　　　　　　　　parse: function(data) {
?　　　　　　　　　　if (data != "") {
　　　　return $.map(eval(data), function(row) {
　　return {
　　 data: row,
　　value: row.name,
　　result: row.name + " <" + row.to + ">"
　　}
　　});
?　　　　　　　　}
　　},

這樣處理一下，就可以正常的對數(shù)據(jù)進(jìn)行操作了。

總結(jié)

以上是生活随笔為你收集整理的jQuery的Autocomplete插件的远程url取json数据的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。