关于jQuery的Autocomplete插件的远程url取json数据的问题

这个要记录一下

关于Autocomplete的用法有很多介绍就不说了

关于远程返回的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) {
            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数据格式
              parse: function(data) {
            return $.map(eval(data), function(row) {
                return {
                    data: row,
                    value: row.name,
                    result: row.name + " <" + row.to + ">"
                }
            });
        },