jQuery Autocomplete 使用详细说明（二）

「爱情、让人受尽委屈。」 2021-06-24 13:58 507阅读 0赞

上一篇博文中，主要讲解了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方法，它来处理返回的数据。