面試整理(1) 原生ajax

2021-09-28 15:44:18 字數 1165 閱讀 8689

接到**面試,有一些送分題答的不好,在這裡整理一下

問題:原生ajax的工作流程是怎麼樣的?

老用封裝好的工具,原生的ajax其實並不熟悉,今天覆習一下。主要參考

要發乙個ajax請求首先要建立xmlhttp物件

var xmlhttp = window.xmlhttprequest ? new xmlhttprequest() : new activexobject("microsoft.xmlhttp")
其中,new activexobject("microsoft.xmlhttp")是為了相容ie5/6的物件

然後呼叫物件的open方法來規定請求的型別、url 以及是否非同步處理請求

然後如果你async欄位寫的true,也就是發起的是非同步請求,那麼要寫onreadystatechange事件來監聽請求的狀態,每當 readystate 屬性改變時,就會呼叫該函式

onreadystatechange函式例項,主要就是根據readystate和status的判斷來處理返回的responsetext

}最後呼叫send將請求發給伺服器

如果是get請求,引數是在url後面直接新增的

如果想自定義header的字段,可以在傳送之前用setrequestheader(header,value)向請求新增http頭

更多專業前端知識,請上

【猿2048】www.mk2048.com

原生ajax解析 封裝原生ajax函式

前沿 對於此篇隨筆,完是簡要寫了幾個重要的地方,具體實現細節完在提供的原始碼做了筆記 一 ajax基本要點介紹 更好的介紹ajax 1.ajax物件中new xmlhttprequest 屬性和方法列表 2.常用事件介紹 事件觸發時機 onreadystatechange 當readystate的值...

原生ajax 書寫

1.建立xmlhttprequest物件 post請求需要設定請求頭readystate與status readystate有五種狀態 0 未初始化 xmlhttprequest 物件已經建立,但還沒有呼叫open 方法 1 載入 已經呼叫open 方法,但尚未傳送請求 2 載入完成 請求已經傳送完...

原生ajax實現

方法 描述open method,url,async 規定請求的型別 url 以及是否非同步處理請求。method 請求的型別 get 或 post。url 檔案在伺服器上的位置。async true 非同步 或 false 同步 如果不寫預設非同步 send string 將請求傳送到伺服器。st...