Ajax非同步請求XMLHttpRequest對象Get請求

標籤：http   io   ar   os   sp   for   on   資料   cti   

$(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請求