先上代码:
<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");
}
匹配是否正确都会在输入框后边显示要打印的东西