django ajax异步加载实现局部刷新

最新推荐文章于 2024-08-18 12:32:54 发布

转载最新推荐文章于 2024-08-18 12:32:54 发布 · 3.9k 阅读

django框架专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种使用jQuery和Ajax进行实时用户名验证的方法。当用户在输入框中输入用户名时，通过Ajax发送请求到服务器检查用户名是否已存在。如果用户名已存在，将显示警告信息。此过程提高了用户体验，避免了不必要的表单提交。

<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>