濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > 解析ajax核心XMLHTTPRequest對(duì)象的創(chuàng)建與瀏覽器的兼容問(wèn)題

解析ajax核心XMLHTTPRequest對(duì)象的創(chuàng)建與瀏覽器的兼容問(wèn)題

熱門(mén)標(biāo)簽:如何用地圖標(biāo)注各分公司 信貸電銷(xiāo)機(jī)器人有用嗎 莆田防封電銷(xiāo)卡價(jià)格 廣西ai語(yǔ)音電銷(xiāo)機(jī)器人哪家好 蓄意標(biāo)記地圖標(biāo)注 辦理一個(gè)400電話(huà)多少錢(qián) 察縣地圖標(biāo)注 接聽(tīng)電話(huà)機(jī)器人哪有 電銷(xiāo)機(jī)器人適用范圍
MLHttpRequest 對(duì)象是AJAX功能的核心,要開(kāi)發(fā)AJAX程序必須從了解XMLHttpRequest 對(duì)象開(kāi)始。

了解XMLHttpRequest 對(duì)象就先從創(chuàng)建XMLHttpRequest 對(duì)象開(kāi)始,在不同的瀏覽器中創(chuàng)建XMLHttpRequest 對(duì)象使用不同的方法:

先看看IE創(chuàng)建XMLHttpRequest 對(duì)象的方法(方法1):

  var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//較新的IE版本創(chuàng)建Msxml12.XMLHTTP對(duì)象

  var xmlhttp=ActiveXobject("Microsoft.XMLHTTP");//較老的IE版本創(chuàng)建Microsoft.XMLHTTP對(duì)象

而 Mozilla、Opera、Safari 和大部分非IE的瀏覽器都使用下面這種方法(方法2)創(chuàng)建XMLHttpRequest 對(duì)象:

  var xmlhttp=new XMLHttpRequest();

注意:實(shí)際上Internet Explorer 使用了一個(gè)名為 XMLHttp 的對(duì)象,而不是 XMLHttpRequest 對(duì)象,而 Mozilla、Opera、Safari 和 大部分非 Microsoft 瀏覽器都使用的是后者(下文統(tǒng)稱(chēng) XMLHttpRequest 對(duì)象)。IE7開(kāi)始也開(kāi)始使用XMLHttpRequest 對(duì)象了。

因此我們需要?jiǎng)?chuàng)建一個(gè)能兼容多瀏覽器的XMLHTTPRequest對(duì)象:

第一種方法:

  var xmlhttp=false;//創(chuàng)建一個(gè)新變量并賦值false,使用false作為判斷條件說(shuō)明還沒(méi)有創(chuàng)建XMLHTTPRequest對(duì)象

  function CreateXMLHttp(){

  try{

   xmlhttp=new XMLHttpRequest();//嘗試創(chuàng)建 XMLHttpRequest 對(duì)象,除 IE 外的瀏覽器都支持這個(gè)方法。

}catch(e){

  try{

  xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//使用較新版本的 IE 創(chuàng)建 IE 兼容的對(duì)象(Msxml2.XMLHTTP)。

}catch(e){

  try{

  xmlhttp=ActiveXobject("Microsoft.XMLHTTP");//使用較老版本的 IE 創(chuàng)建 IE 兼容的對(duì)象(Microsoft.XMLHTTP)。

}catch(failed){

    xmlhttp=false;//如果失敗了還保持false

}

}

}

return xmlhttp;

}

判斷是否成功的例子:

if(!xmlhttp){

 創(chuàng)建xmlhttp失敗

}else{

 創(chuàng)建xmlhttp成功

}

第二種方法:
 if(typeof(XMLHttpRequest)=="undefined" window.ActiveXObject){

  function XMLHttpRequest(){

  var xmlhttp_arr=["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];

  var xmlhttp;

  for(i=0;ixmlhttp_arr.length;i++){

   if(xmlhttp=new ActiveXObject(xmlhttp_arr[i]))

   break;

}

  return xmlhttp;

}

}

//這個(gè)是除了IE之外的瀏覽器創(chuàng)建XMLHttpRequest對(duì)象

var xmlhttp=new XMLHttpRequest();

創(chuàng)建xmlhttp成功后,然后再來(lái)看看它的一些屬性和方法吧,還有最重要的onreadystatechange事件句柄

 方法:

 open() 初始化http請(qǐng)求參數(shù),包括URL和http方法,但是不發(fā)送請(qǐng)求;

 abort() 取消當(dāng)前響應(yīng),關(guān)閉連接并斷開(kāi)所有網(wǎng)絡(luò)未結(jié)束的活動(dòng);

 getAllResponseHeaders() 把http響應(yīng)頭部作為未解析字符串返回;

 getResponseHeaders) 返回指定的http響應(yīng)頭的值;

 send() 發(fā)送http請(qǐng)求使用傳遞給open()方法的參數(shù),以及傳個(gè)該方法的可選請(qǐng)求體;

 setResponseHeader() 向一個(gè)打開(kāi)但沒(méi)有發(fā)送的請(qǐng)求設(shè)置或添加一個(gè)Http請(qǐng)求。

 屬性:

 readyState 說(shuō)明http請(qǐng)求的狀態(tài);(有5個(gè)狀態(tài)分別是

 0 表示沒(méi)有初始化;

 1 表示讀取中

 2 表示已讀取

 3 交互中(接受中)

 4 完成

)

 responseText 說(shuō)明為服務(wù)器接收到得響應(yīng)體,如果沒(méi)有接收到數(shù)據(jù)就返回空字符串;

 responseXML 說(shuō)明對(duì)請(qǐng)求的回應(yīng) 解析為XML并用document對(duì)象返回;

 status 說(shuō)明http請(qǐng)求的狀態(tài);

 statusText 說(shuō)明http請(qǐng)求狀態(tài)不是以數(shù)字形式而是用名稱(chēng);

 onreadystatechange 是readySate狀態(tài)改變時(shí)調(diào)用事件的函數(shù)。

下面是一個(gè)發(fā)送請(qǐng)求數(shù)據(jù)并返回結(jié)果的xmlhttpRequest對(duì)象;

 生成一個(gè)XMLHTTPRequest對(duì)象

 var xmlhttp=CreatXMLHttp();
 xmlhttp.open("get","https://www.jb51.net/jaryle",true);
 xmlhttp.onReadyStateChange=getresult;
//怎么告訴XMLHttpRequest 對(duì)象狀態(tài)變化時(shí)讓誰(shuí)來(lái)處理這個(gè)變化呢用到二種方法:一種是匿名方法xmlhttp.onReadyStateChange=function(){處理變化的代碼}
另一種方法:指定方法:xmlhttp.onReadyStateChange=getresult;

    function getresult(){處理變化的代碼}
 xmlhttp.send();
 function getresult(){
 if(xmlhttp.readyState==4){ //當(dāng)readyState的狀態(tài)等于4時(shí)表示接收到數(shù)據(jù)
 if(xmlhttp.status==200){ //這個(gè)時(shí)候就需要用到status屬性,即由服務(wù)器返回的 HTTP 狀態(tài)代碼。 xmlhttp.status 等于200時(shí)表示傳輸過(guò)程完整沒(méi)有錯(cuò)誤
 alert(xmlhttp.responseText);
}
}
 }

注意:所以我們應(yīng)該按照上面的流程來(lái)記憶:創(chuàng)建XMLHttpRequest 對(duì)象 -> 指定發(fā)送地址及發(fā)送方法 -> 指定狀態(tài)變化處理方法 -> 發(fā)送請(qǐng)求,請(qǐng)求發(fā)送后狀態(tài)變化了就會(huì)自動(dòng)調(diào)用指定的處理方法。

您可能感興趣的文章:
  • jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對(duì)象的方法
  • AJAX XMLHttpRequest對(duì)象詳解
  • 如何用ajax來(lái)創(chuàng)建一個(gè)XMLHttpRequest對(duì)象
  • jquery ajax學(xué)習(xí)筆記2 使用XMLHttpRequest對(duì)象的responseXML
  • AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法
  • AJAX客戶(hù)端說(shuō)明,XMLHttpRequest對(duì)象
  • AJax 學(xué)習(xí)筆記一(XMLHTTPRequest對(duì)象)
  • ajax 入門(mén)基礎(chǔ)之 XMLHttpRequest對(duì)象總結(jié)
  • AJAX XMLHttpRequest對(duì)象創(chuàng)建使用詳解

標(biāo)簽:鷹潭 銅陵 延邊 儋州 阿拉善盟 益陽(yáng) 張掖

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《解析ajax核心XMLHTTPRequest對(duì)象的創(chuàng)建與瀏覽器的兼容問(wèn)題》,本文關(guān)鍵詞  解析,ajax,核心,XMLHTTPRequest,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《解析ajax核心XMLHTTPRequest對(duì)象的創(chuàng)建與瀏覽器的兼容問(wèn)題》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于解析ajax核心XMLHTTPRequest對(duì)象的創(chuàng)建與瀏覽器的兼容問(wèn)題的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    开远市| 枣庄市| 樟树市| 利津县| 休宁县| 呼和浩特市| 浦江县| 丹棱县| 清新县| 揭东县| 罗城| 余干县| 长丰县| 南和县| 辽阳市| 通化市| 琼海市| 香港| 枝江市| 凭祥市| 思南县| 堆龙德庆县| 上犹县| 册亨县| 朝阳县| 旅游| 昌邑市| 洛阳市| 北碚区| 武冈市| 门源| 乌鲁木齐市| 天等县| 密山市| 淮南市| 武鸣县| 将乐县| 荃湾区| 交城县| 邹城市| 定结县|