前端之家收集整理的这篇文章主要介绍了
ajax.post()写法,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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(),43); white-space:pre"> 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","#ffffff");
//为提示框中的提示项增加单击事件
$("tbody").on("click",43); white-space:pre"> //将当前tr中的text设置给文本框
var msg=$(this).text();
$("#c").val(msg);
//隐藏提示框
$("div").hide();
},43); white-space:pre"> "json"
);
});
});
</script>
原文链接:https://www.f2er.com/ajax/161170.html