ajax异步加载实现局部刷新

最新推荐文章于 2024-08-11 21:47:18 发布

QingObject

最新推荐文章于 2024-08-11 21:47:18 发布

阅读量2.1w

点赞数 2

分类专栏：技术分享文章标签： ajax jquery 异步加载

本文链接：https://blog.csdn.net/liuqing0805/article/details/73927549

版权

技术分享专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这是用jquery进行数据交互

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-2.1.0.js"></script>
<script type="text/javascript">
	$(function(){
		$("#inp1").blur(function(){
			var name=$(this).val();
			$.ajax({
				url:"${pageContext.request.contextPath}/demo",
				data:{"uname":name,"upwd":"jack123","age":12},
				cache:"false",
				async:"true",
				dataType:"json",
				type:"post",
				success:function(data){
				
					if(data.flag=="1"){
						$("#sp").html("用户名存在");
					}else{
						$("#sp").html("");
					}
				},
				error:function(){
					alert("服务器端异常");
				}
				
				
				
			});
			
			
			
		});
	
		
		
		
	})



</script>


<title>Insert title here</title>
</head>
<body>
<input type="text" value="" id="inp1"><span id="sp"></span>
</body>
</html>

jquery封装的ajax 进行数据交互，实现异步加载