jQuery Autocomplete 使用详细说明（二）

上一篇博文中，主要讲解了autoComplete 插件的本地使用方法，包括一些常用属性的，这篇博文主要介绍autoComplete的远程使用方法：

$("#id").autocomplete("url",{

delay:10,//延迟10秒

max:5,//最多5条记录

minChars:1,

matchSubset:1,

matchContains:1,

cacheLength:10,

matchContains: true,

scrollHeight: 250,

width:250,

dataType:'json',//返回的数据类型为JSON类型

parse:function(data) {//解释返回的数据，把其存在数组里

var parsed = [];

for (var i = 0; i < data.length; i++) {

parsed[parsed.length] = {

data: data[i],

value: data[i].itemid,

result: data[i].itemid //返回的结果显示内容

};

}

return parsed;

},

formatItem: function(item) {//显示下拉列表的内容

return "<div>"+item.itemid + "   " + item.name+"</div>";

},

formatMatch: function(item) {

return item.itemid;

},

formatResult: function(item) {

return item.itemid;

}

}).result(function(event, item, formatted) {//把返回的结果内容显示在其他文本框上

$("#ortherid").val(item.name);

});

注：在使用远程地址时，它默认传入的参数是：q（输入值），limit（返回结果的最大值），可以使用extraParams传入其他的参数；

注：这里要注意parse方法，它来处理返回的数据。