ajax的post写法:
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("#c").keyup(function(e){
$.post("${pageContext.request.contextPath}/ajax/nickname",
"nickname="+$("#c").val(),
function(a){
//清除提示框中的旧信息
$("tbody").empty();
//获取输入框中的文本
var txt=$("#c").val();
if(txt.length>0){
//从数据源中检索相关数据
for(var i=0;i<a.length;i++){
//相关
//if(a[i].indexOf(txt)>=0){
$("tbody").append("<tr>"+
"<td>"+a[i].username+"</td>"+
"</tr>"
);
//}
}
$("div").slideDown(200);
}else{
//隐藏提示框
$("div").hide();
}
//为提示框中的提示项增加效果
$("tbody").on("mouseover","tr",function(){
$(this).css("background-color","#abcdef");
});
$("tbody").on("mouseout","tr",function(){
$(this).css("background-color","#ffffff");
});
//为提示框中的提示项增加单击事件
$("tbody").on("click","tr",function(){
//将当前tr中的text设置给文本框
var msg=$(this).text();
$("#c").val(msg);
//隐藏提示框
$("div").hide();
});
},
"json"
);
});
});
</script>