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 "
    "+item.itemid + "   " + item.name+"
    "
    ;  
  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方法,它来处理返回的数据。

你可能感兴趣的:(web前端)