Ajax后台数据校验简单Demo

前端之家收集整理的这篇文章主要介绍了Ajax后台数据校验简单Demo前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

先上代码

<script type="text/javascript" src="./jquery-1.10.2.js"></script>
<script type="text/javascript">
	$(function() {
		$("#xxx").blur(function() { //失去焦点是使用
			var value = $("#xxx").val();
			$.ajax({

				url : "/Text_jQuerys/AjaxServlet",//请求服务器
				//url : "http://localhost:8080/AjaxServlet",//请求服务器
				data : {
					//method : "ajax",val : value
				},//请求的参数 method=ajax val=xxx,服务器使用request。getParament()来获取
				async : true,//是否为异步请求
				cache : false,//是否缓存
				type : "post",dataType : "json",//服务器返回的类型
				success : function(result) { //执行成功时调用,result是服务器返回的值
					if (result)
						$("label").text("aaa");
					else
						$("label").text("vvv");
				}
			});
		});

	});
</script>
</head>
<body>
	姓名:
	<input name="name" type="text" id="xxx" />
	<label></label>
	<br /> 密码:
	<input name="age" type="text" />


</body>
Servlet代码
	request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
	
		String value = request.getParameter("val");
		if (value.equals("qdmmy6")) {
			response.getWriter().print("true");
		}else {
			
			response.getWriter().print("false");
		}

	
匹配是否正确都会在输入框后边显示要打印的东西 原文链接:https://www.f2er.com/ajax/162930.html

猜你在找的Ajax相关文章