主頁 > 知識庫 > ajax的工作原理以及異步請求的封裝介紹

ajax的工作原理以及異步請求的封裝介紹
熱門標(biāo)簽：蓄意標(biāo)記地圖標(biāo)注 如何用地圖標(biāo)注各分公司 察縣地圖標(biāo)注 廣西ai語音電銷機器人哪家好 辦理一個400電話多少錢 莆田防封電銷卡價格 信貸電銷機器人有用嗎 接聽電話機器人哪有 電銷機器人適用范圍
Ajax原理：
客戶端通過瀏覽器的內(nèi)置對象XMLHttpRequest來發(fā)送異步請求，當(dāng)服務(wù)器返回響應(yīng)時，會調(diào)用先前注冊的回調(diào)函數(shù)，在回調(diào)函數(shù)中可以使用javascript操作DOM來更新頁面，異步請求不會阻塞客戶端的操作，達到頁面無法刷新就可以更新數(shù)據(jù)的效果。
異步請求的封裝：
復(fù)制代碼 代碼如下:

var xhr=false;
//step1:創(chuàng)建一個兼容瀏覽器各個版本的XMLHttpRequest對象
if (window.XMLHttpRequest) { //IE7+, Firefox, Chrome, Opera, Safari
xhr = new XMLHttpRequest();
} else {
if (window.ActiveXObject) { //IE瀏覽器
xhr = new ActiveXObject("Microsoft.XMLHTTP");//IE5+
}
}
//step2:設(shè)置回調(diào)函數(shù)
xhr.onreadystatechange = myCallback;
//step3:創(chuàng)建一個異步請求
xhr.open("method", "url", true);
//如果是post：要設(shè)置請求消息體數(shù)據(jù)的編碼方式
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//step4:發(fā)送異步請求
xhr.send(content); //如果是get方式 content為null，若為post，content為“名=值”對。
您可能感興趣的文章:
  • Vue form 表單提交+ajax異步請求+分頁效果
  • ajax異步請求詳解
  • AJAX實現(xiàn)簡單的注冊頁面異步請求實例代碼
  • ajax異步請求刷新
  • 淺談Jquery中Ajax異步請求中的async參數(shù)的作用
  • 基于JQuery的$.ajax方法進行異步請求導(dǎo)致頁面閃爍的解決辦法
  • SpringMVC環(huán)境下實現(xiàn)的Ajax異步請求JSON格式數(shù)據(jù)
  • jquery的ajax異步請求接收返回json數(shù)據(jù)實例
  • dojo學(xué)習(xí)第二天 ajax異步請求之綁定列表
  • 解決ajax異步請求返回的是字符串問題

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

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《ajax的工作原理以及異步請求的封裝介紹》，本文關(guān)鍵詞  ajax,的,工作,原理,以及,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《ajax的工作原理以及異步請求的封裝介紹》相關(guān)的同類信息！
  • 本頁收集關(guān)于ajax的工作原理以及異步請求的封裝介紹的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章