html后台进行数据交互的,Javascript跟后台进行数据交互方法

Javascript跟后台进行数据交互方法，一起来了解下。

获取XMLHttpRequest对象用于与后台交互数据。function getXHR(){

var xmlHttp;

try {

xmlHttp=new XMLHttpRequest();//新版本浏览器

}catch(e)

{

try{

xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

}

catch(e)

{

try{

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//老版本浏览器          }

catch(e)

{

alert("你的浏览器不支持ajax");

return false;

}

}

}

return xmlHttp;

}function check() {

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

//1/得到xhr对象

var xhr=getXHR();

//2.注册状态变化监听器

xhr.onreadystatechange=function(){

if(xhr.readyState==4) {

if(xhr.status==200) {

var obj = document.getElementById("checkPass");

if("true" == xhr.responseText){

obj.innerHTML = "验证通过";

obj.style.color = "green";

}else{

obj.innerHTML = "原密码输入错误！";

obj.style.color = "brown";

return;

}

}

}

}

//3.建立与服务器的连接(post请求方式，也可以使用get请求方式)

xhr.open("post","请求数据的地址");

xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');

//4.向服务器发出请求(使用post请求方式将数据发往后台)

xhr.send("pass="+pass);

}