Ajax校验

Ajax实现局部校验：

注册用户时，保证用户名不重复，为了保证实现功能需要在不提交表单的情况下，实现局部校验

前台代码为:

	姓名：<input type="text" name="username" id="username" />
	<span id="ref"></span>

实现用户名输入文本框

在前台校验时 ，

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<script src="jquery-1.4.min.js"></script>
<script type="text/javascript" >
	$(function(){$("#username").blur(function(){
		$.ajax({
		url:"AjaxServlet",
		type:"post",
		data:{
			"username":$("#username").val(),
		},
		success:
			function(result) {
			alert(result);
				if (result == 1) {
					$("#ref").html("yes");
					$("#ref").css("color","green");
				}else{
					$("#ref").html("no");
					$("#ref").css("color","red");
				}
			}
		
		
	});});});
</script>

.blur中的方法实现.ajax方法 其值为：(url，type，data{}，success ,error)

其中url：“跳转路径”，type：“表示方法post/get”，data{“数据名”：数据值}，success：成功执行的方法，error：

失败执行的方法

后台Servlet中的代码：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
	   String username =	request.getParameter("username");
	   //逻辑处理
		response.getWriter().print(1);
	}

跳转后，在Servlet中，request.getParameter（）可以通过data中的数据名，得到数据值，在进行逻辑处理后（在此通过username在数据库中查找，若又返回值，则存在） response.getWriter（）.print("这是返回前台的结果，前台用result接收")

前台代码精髓：

$(function(){$("#username").blur(function(){$.ajax({url:    ,type:   ,data{},  success:  ,error:  };)});});