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默认只能解析简单的字符串,所以返回的结果还需要经过处理