js原生ajsx请求

var ajaxObj;

if (window.XMLHttpRequest){

//非ie

ajaxObj = new XMLHttpRequest();

}else{

//ie

ajaxObj = new ActiveXObject("Microsoft.XMLHTTP");

}

//打开连接

//参数1 请求方式 参数2 请求地址 参数3 true异步 false同步请求

ajaxObj.open("POST","php/wangyi.php",true);

//发送请求

ajaxObj.send();//向服务器发送请求

//注册监听方法 监听请求成功

ajaxObj.onreadystatechange = function () {

//readyState ajax状态

//0 未初始化 还没有调用send方法

//1 载入 已经调用了send方法 正在发送

//2 载入完成 send方法发送完成

//3 交互 正在解析响应内容

//4 完成 解析完成，可以在客户端使用

if (4 == ajaxObj.readyState){

//网络状态

//http 200 服务器成功返回页面

//http 404 请求页面不存在

//http 503 服务器不可用

if (200 == ajaxObj.status){

//打印服务器返回信息

//                console.log(ajaxObj.responseText);

//js解析json的方法 js对象

//                {

//                    key:value

//                }

var data = JSON.parse(ajaxObj.responseText);

console.log(data);

}

}

}