主頁 > 知識庫 > 原生AJAX寫法實(shí)例分析

原生AJAX寫法實(shí)例分析

熱門標(biāo)簽:阿里云 Mysql連接數(shù)設(shè)置 團(tuán)購網(wǎng)站 Linux服務(wù)器 科大訊飛語音識別系統(tǒng) 服務(wù)器配置 銀行業(yè)務(wù) 電子圍欄

本文實(shí)例分析了原生AJAX寫法。分享給大家供大家參考。具體分析如下:

雖然現(xiàn)在很多JS的框架提供了AJAX的調(diào)用方法,我們甚至不用去了解其具體的實(shí)現(xiàn)原理就可以直接調(diào)用了,但是我認(rèn)為不去從最基礎(chǔ)的層面了解一個東西,就很難做到最好。

var XHR=null; 
if (window.XMLHttpRequest) { 
  // 非IE內(nèi)核 
  XHR = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { 
  // IE內(nèi)核,這里早期IE的版本寫法不同,具體可以查詢下 
  XHR = new ActiveXObject("Microsoft.XMLHTTP"); 
} else { 
  XHR = null; 
} 
 
if(XHR){ 
  XHR.open("GET", "ajaxServer.action"); 
 
  XHR.onreadystatechange = function () { 
    // readyState值說明 
    // 0,初始化,XHR對象已經(jīng)創(chuàng)建,還未執(zhí)行open 
    // 1,載入,已經(jīng)調(diào)用open方法,但是還沒發(fā)送請求 
    // 2,載入完成,請求已經(jīng)發(fā)送完成 
    // 3,交互,可以接收到部分?jǐn)?shù)據(jù) 
 
    // status值說明 
    // 200:成功 
    // 404:沒有發(fā)現(xiàn)文件、查詢或URl 
    // 500:服務(wù)器產(chǎn)生內(nèi)部錯誤 
    if (XHR.readyState == 4  XHR.status == 200) { 
      // 這里可以對返回的內(nèi)容做處理 
      // 一般會返回JSON或XML數(shù)據(jù)格式 
      console.log(XHR.responseText); 
      // 主動釋放,JS本身也會回收的 
      XHR = null; 
    } 
  }; 
  XHR.send(); 
}

希望本文所述對大家的Ajax程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:
  • js基本ajax寫法示例代碼
  • javascript原生ajax寫法分享
  • 基于wordpress的ajax寫法詳解

標(biāo)簽:大理 江蘇 棗莊 廣元 蚌埠 衢州 萍鄉(xiāng) 衡水

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《原生AJAX寫法實(shí)例分析》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266