如何使用ajax表单验证,使用ajax进行异步表单验证

在传统的Web应用中，用户的身份验证是通过向服务器提供表单，服务器对表单中的用户信息进行验证，然后返回验证的结果，在这样的处理方式中，客户端必须等到服务器返回处理结果才能进行别的操作，而且在这个过程中还会刷新整个页面。

在Ajax的处理方式中，可以把用户的信息通过XMLHttpRequest对象异步发送给服务器，在服务器完成对用户身份信息的处理后，把处理结果通过XMLHttpRequest对象返回用户，以异步的方式在不刷新页面的情况下完成对用户身份的验证。

利用Ajax实现对登录数据的验证。假设正确的用户名为“张三”，正确的密码为“123456”。在用户登录的时候判断用户名和用户密码是否正确，如果正确则跳转到欢迎页面；否则，在登录页面提示错误。

表单页面login.html

请输入用户名:

请输入密码:

点击“登录”按钮时，调用fromCheck()函数使用ajax异步验证用户信息。

function fromCheck(){

var userName = document.getElementById("userName").value;

var userPwd = document.getElementById("userPwd").value;

var url ="/ajax/check"; //ajax向该处发出检查用户信息的请求

var params = "userName="+userName+"&userPwd="+userPwd;

var method = "POST";

sendRequest(url,method,params,callBack);

}

在fromCheck()方法中的sendRequest()方法是对ajax发送异步请求的封装。封装ajax的完整代码如下：

var xmlHttpRequest = null;