智能联想搜索,同步出文字

jQuery 提供可以类似百度智能搜索的方法,

首先要初始化页面;<body οnlοad="initAutocomplete()"></body>

下面是js  实现与后台的交互

//设置jQuery-autocomplete
function initAutocomplete(){

$.ajax({
type:"post",
dataType:"text",
url:"${ctx}/user/queryEmployee.action",
success:function(data){
var data = JSON.parse(data);
$("#reEmployee").autocomplete(data,{
width:160,
minChars:0,
formatItem: function(item) { 
return item.name; 
}
}).result(function(event,d){
$("#auntieGuid").val(d.guid);

});
}
});
/* var data  = [{"key":"f9ef5592f99d43f69d0b596228b23f86","value":"wang"},{"key":"572c8e6e4418459d9266080a9ee33327","value":"小"}];
$("#reEmployee").autocomplete(data,{
width:160,
minChars:0,
formatItem: function(item) { 
return item.key; 
}
}).result(function(event,d){
$("#auntieGuid").val(d.value);

}); */

}



值得注意的一点是 ,如果ajax 返回的数据不处理,是无法在页面上显示的,但写成静态的数据可以直接显示了。 这是因为jQuery的autocomplete默认只能解析简单的字符串,所以返回的结果还需要经过处理

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值