autocomplete根据输入字符进行搜索

autocomplete函数是能够根据输入的字符进行检索的一个函数,整个函数在jquery-ui.min.js里边,可以直接调用,非常方便。

今天在使用到搜索的时候用到了这个函数,jquery-ui.min.js插件可以自己下载,我所搜索的数据是通过ajax获取的,

        $('.sale_customer').autocomplete({
       	 source: function(request, response) {
       		 var input_value = $('.sale_customer').val();//获取输入的字符串
       		 var mData = [];
			 mData[0] = {"name":"query.searchkey","value":input_value};//与后台进行交互传参
			 $.doAjaxWQ({//与后台交互
       	         url: url,//url,与后台进行交互的url
       	         data : mData,//所要传的参数
       	         success: function(data) {//如果成功显示的数据
       	            	response($.map(data.list, function(item) {
       	            	return {
//       	            		  label:item.customerId,
       	                      value:item.customerName//根据关键词输出搜索出来的结果
       	                      
       	                    }
       	            	}));
       	            }
			    });
       	  },
       	  select: function( event, ui ) {//ui可以获取选中的值
       		  var item = ui.item;
       		salesManageData.chooseContact(item.value)
       	  }
       });



posted @ 2016-12-30 15:33  wojiaohuangyu  阅读(9)  评论(0)    收藏  举报