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>
ajax.post()写法
原创
©著作权归作者所有:来自51CTO博客作者wx6419609e20dfa的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Ajax的原生写法
Ajax的原生写法
ajax javascript ecmascript 前端 作用域 -
ajax.get()写法
ajax的get()请求方式: $(function(){ $("#ajax").click(function(){
ajax json jquery xhr get -
03 原生Ajax写法
本文将介绍AJAX的原生写法,以及重点阐述GET与POST的区别
ajax javascript 前端 html css3 -
JavaScript AJAX原生写法
JavaScript AJAX原生写法 面试题
AJAX 原生写法 html xml ajax