jquery的插件 autocomplete demo

前台js代码 如下：

$(document).ready(function() {

//文本框的id url为你要提交的action地址

$("#email").autocomplete(url, {

dataType : 'json', // 必须填写，不然默认的是text

autoFill : true, // 自动填充 可选

extraParams : {

key: function (){

return $('#email').val();

}

},//支持像后台传递参数，key为你后台接收参数的名称

parse : function(data) { // 处理返回的json串，以供后续的使用

var rows = []; // 处理后 返回的一个 数组

for ( var i = 0; i < data.my.length; i++) { // 如果你返回的是一个 类似{'my':[{'name':'value1'},{'name':'value2'}]}

rows[rows.length] = {

data : data.my[i].name, //返回的参数,供后续的函数调用

value : data.my[i].name+"---------", //鼠标经过时 在 输入框显示的值

result : data.my[i].name+"====" //选中后在 输入框显示的值

}

}

return rows;

},

formatItem : function(data, i, total) {

return data;

},

formatMatch : function(data, i, total) {

return data;

},

formatResult : function(data) {

return data;

}

});

});