（ajax）原生用法

原生（ajax）

1， 获取创建ajax对象
function getAjax() {//封装获取创建ajax对象的方法

var xhr = null;

if (window.XMLHttpRequest) {

// 非ie浏览器

xhr = new XMLHttpRequest();

} else {

// ie浏览器

xhr = new ActiveXObject('MicroSoft.XMLHttp');

}

return xhr;

}
2，get请求交互数据

function loadNameGet(){

 

var xhr=getAjax();

alert("readyState"+xhr.readyState+";"+"status"+xhr.status);

xhr.onreadystatechange = function(){

alert("readyState"+xhr.readyState+";"+"status"+xhr.status);

//成功后处理服务器返回数据

if(xhr.readyState == 4 && 

xhr.status == 200){

var txt = xhr.responseText;

alert(txt);

document.getElementById("name").value=txt;

}

};

xhr.open("get",

"ajax.do?name=jack&age=20",//请求地址（web中配置地址），get可以拼接参数

true);//true异步

xhr.send(null);

}

3，post请求交互数据
 function loadNamePost(){

var xhr=getAjax();

xhr.open("post","ajax.do",true);

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

xhr.onreadystatechange = function(){

//成功后处理服务器返回数据

if(xhr.readyState == 4 && 

xhr.status == 200){

var txt = xhr.responseText;

alert(txt);

document.getElementById("ajax").innerHTML=txt;

}

};

xhr.send("name=jack&age=10");//post请求参数

}