原生的AJAX

直接上代碼

// 使用xhr對(duì)象,判斷是否ie5/6
var xhr;
if (window.XMLHttpRequest) {
  xhr = new XMLHttpRequest();
} else {
  // ie56的使用的xhr對(duì)象
  xhr = new ActiveXObject("Microsoft.XMLHttp");
}
xhr.open('GET', 'url', true);
xhr.send();
xhr.onreadystatechange = function(){
  if(xhr.readyState ===4 && xhr.status == 200 ){
    console.log(xhr.responseText);
  }
}

readyState存在的5個(gè)狀態(tài)

屬性 屬性含義
0(未初始化) 對(duì)象已經(jīng)建立,請(qǐng)求未初始化,尚未調(diào)用open方法
1 初始化 對(duì)象已經(jīng)服務(wù)器連接已經(jīng)建立,尚未調(diào)用send方法
2 發(fā)送數(shù)據(jù) send方法已調(diào)用,但是當(dāng)前的狀態(tài)及http頭未知
3 請(qǐng)求處理中 已接收部分?jǐn)?shù)據(jù),因?yàn)橄鄳?yīng)及http頭不全,這時(shí)通過(guò)responseBody和responseText獲取數(shù)據(jù)會(huì)出現(xiàn)錯(cuò)誤
4 請(qǐng)求已完成 數(shù)據(jù)接收完畢,此時(shí)可以通過(guò)responseBody和responseText獲取完整的回應(yīng)數(shù)據(jù)。

status狀態(tài)碼
200 ok

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對(duì)象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,574評(píng)論 0 7
  • 寫(xiě)在前面 本篇主要內(nèi)容是結(jié)合“XMLHttpRequest Level 1”規(guī)范和w3school網(wǎng)站中針對(duì)XML...
    JSON_NULL閱讀 1,638評(píng)論 3 9
  • Ajax 表單提交 在HTML中提供了表單提交的功能,我們可以通過(guò)表單把數(shù)據(jù)從前臺(tái)提交到后臺(tái) 在HTML的DOM中...
    羊烊羴閱讀 790評(píng)論 0 4
  • AJAX 是一種在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下,能夠更新部分網(wǎng)頁(yè)的技術(shù)。什么是 AJAX ? AJAX = ...
    逍遙嘆6閱讀 302評(píng)論 0 0
  • 什么是Ajax 不刷新頁(yè)面的情況下從服務(wù)器獲取、提交數(shù)據(jù)的一種數(shù)據(jù)交互方式。 Ajax使用步驟 1\創(chuàng)建Ajax對(duì)...
    LaBaby_閱讀 333評(píng)論 0 0

友情鏈接更多精彩內(nèi)容