原生ajax封裝請求

2021-09-13 19:53:33 字數 617 閱讀 9403

// 封裝ajax

function ajax(obj) else

//2.開啟請求

//第乙個引數表示請求方式,值為get/post,是字串

//第二個引數表示請求的位址

//第三個引數是布林值,預設是true表示非同步,false表示同步

xhr.open(obj.type, obj.url, obj.async)

//3.判斷請求方式get/post,傳送資料(post方式必須傳送請求頭)

if (obj.type.tolowercase() == "get") else if (obj.type.tolowercase() == "post")

//4.操作返回的資料

xhr.onreadystatechange = function ()

}//對obj.data進行轉化,把物件轉化成url形式

function tourl(obj)

return arr.join("&")

}}// 呼叫

ajax(,

async: true,

success: function (res)

})

理解ajax技術,封裝原生 ajax請求

優點 缺點 核心 工作原理 對比 1.xmlhtttprequest物件 是ajax技術 的核心 2.xhr物件 的屬性 readystate 返回 請求的狀態 數字格式 狀態 名稱描述 0uninitialized 初始化狀態 xmlhttprequest 物件已建立 或 已被 abort 方法重...

封裝原生ajax

封裝原生ajax四個步驟 類似於手機打 建立xmlhttprequest物件 買手機 開啟與伺服器的連線 撥號 傳送到伺服器 按下撥號鍵 等待伺服器的響應 有可能關機,不在服務區,無人接聽,有人接聽 function ajax obj else data user xiaocuo age 23 if...

原生ajax請求封裝 node後台版

ajax get方式請求,前台的關鍵 就下面4步 1.var xhr new xmlhttprequest new乙個 小黃人 物件,用於與後台互動資料。2.xhr.open get 方法建立乙個http請求 第乙個引數 指定請求方式 第二個引數 指定請求的url 第三個引數 是否非同步請求。3.x...