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(),
			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>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值