原生ajax验证表单,js原生ajax表单验证

(1):创建ajax对象 var oAjax = null;

if(window.XMLHttpRequest){

oAjax = new XMLHttpRequest();

}else{

oAjax = new ActiveXObject('Microsoft.XMLHTTP');

}

(2):连接服务器 oAjax.open('POST','http://127.0.0.1:8080/SuPaySSM/user/userlogin.do',true);

oAjax.setRequestHeader("Content-type","application/x-www-form-urlencoded");

console.log(data);

// oAjax.send(data);//"userMemberName="+userMemberName.value+"&uPassword="+uPassword.value

oAjax.send("userMemberName="+userMemberName.value+"&uPassword="+uPassword.value);

可以使用表单序列化进行send

(3):发送请求

(4):对响应进行解析 oAjax.onreadystatechange=function(){

if(oAjax.readyState==4){

if(oAjax.status>=200 && oAjax.status<300 || oAjax.status==304){

//4.对响应进行解析

var users=JSON.parse(oAjax.responseText);

console.log(users);

}else{

//4.对响应进行解析

console.log(oAjax.status);

}

}

};