jQuery Autocomplete 使用详细说明（二）

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