jQuery的Autocomplete插件的遠程url取json數據的問題

關於遠程返回的json數據的展現,之前同樣的代碼,若是是本地寫好的json串數據,插件顯示就沒有問題,一旦換成ulr方式讀取同樣的數據,插件就不能正常顯示問題了。html

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

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

有高人解答了.net

複製代碼
複製代碼
$("#autocomplete").autocomplete("data.aspx", {
minChars: 0,
max:15,
width: 200,
scroll: false,
scrollHeight: 500,
//須要把data轉換成json數據格式
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);
});
複製代碼
複製代碼

在數據返回回來以後,還要在進行一次處理插件

關鍵點就在於code

複製代碼
複製代碼
 //須要把data轉換成json數據格式,注意必須判斷data是否爲空,不然出異常,以下紅色標註
        parse: function(data) {
           if (data != "") {
    return $.map(eval(data), function(row) {
  return {
   data: row,
  value: row.name,
  result: row.name + " <" + row.to + ">"
  }
  });
         }
  },
複製代碼
複製代碼

這樣處理一下,就能夠正常的對數據進行操做了。orm

相關文章
相關標籤/搜索