jQuery的Autocomplete外掛程式的遠程url取json資料的問題

標籤：result   nbsp   今天   pre   function   資料   for   技術分享   logs   

關於遠程返回的json資料的展示，以前一樣的代碼，如果是本地寫好的json串資料，外掛程式顯示就沒有問題，一旦換成ulr方式讀取一樣的資料，外掛程式就不能正常顯示問題了。

今天偶然搜尋資料找到一篇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轉換成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);
                    });

在資料返回回來之後，還要在進行一次處理

關鍵點就在於

 //需要把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 + ">"
                　　}
            　　});
 　　　　　　　　}
        　　},

這樣處理一下，就可以正常的對資料進行操作了。

jQuery的Autocomplete外掛程式的遠程url取json資料的問題