学步园

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

1. $("#id").autocomplete("url",{  
2.                                     delay:10,//延迟10秒  
3.                                     max:5,//最多5条记录  
4.                                     minChars:1,  
5.                                     matchSubset:1,  
6.                                     matchContains:1,  
7.                                     cacheLength:10,  
8.                                     matchContains: true,     
9.                                     scrollHeight: 250,   
10.                                     width:250,  
11.                                     dataType:'json',//返回的数据类型为JSON类型  
12.                                     parse:function(data) {//解释返回的数据，把其存在数组里  
13.                                         var parsed = [];  
14.                                         for (var i = 0; i < data.length; i++) {  
15.                                             parsed[parsed.length] = {  
16.                                             data: data[i],  
17.                                             value: data[i].itemid,  
18.                                             result: data[i].itemid //返回的结果显示内容  
19.                                             };  
20.                                         }  
21.                                         return parsed;  
22.                                     },  
23.                                     formatItem: function(item) {//显示下拉列表的内容  
24. return "<div>"+item.itemid + "&nbsp;&nbsp;&nbsp;" + item.name+"</div>";  
25.  },  
26. formatMatch: function(item) {  
27.     return item.itemid;  
28. },  
29. formatResult: function(item) {  
30. return item.itemid;  
31. }  
32.  }).result(function(event, item, formatted) {//把返回的结果内容显示在其他文本框上              
33.                                         $("#ortherid").val(item.name);  
34. });  

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

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