首页 > 代码库 > Ajax异步请求XMLHttpRequest对象Get请求
Ajax异步请求XMLHttpRequest对象Get请求
$(function () {
$("#btnGetDate").click(function () {
var xhr;
//第一步:创建异步请求的核心的对象:
if (XMLHttpRequest) {
xhr = new XMLHttpRequest(); //运行:is8,ie9,chrom,ff
} else {//ie6 ie5.x
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
//第二步:设置请求对象跟后台哪个页面进行交互
//HTTP请求的方法名 请求的页面 是否是异步
//Get请求通过QueryString传递参数
// xhr.open("Get", "ProcessAjax.ashx?p=33", true);
xhr.open("Post", "ProcessAjax.ashx", true);
//Post请求要设置一下此请求头部
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//第三步:发送请求
//Post通过此来传递参数
xhr.send("ip=3&renp=100");
//第四步:后台返回数据后,会调用此方法,回调函数
xhr.onreadystatechange = function () {
//2,3,4
//4标识:前台已经接受完了后台发送来的响应报文
if (xhr.readyState == 4) {
alert(xhr.responseText);
}
};
});
});
Ajax异步请求XMLHttpRequest对象Get请求