Ajax學習筆記

2021-10-02 10:29:19 字數 1986 閱讀 6451

;

使用 xmlhttprequest 物件的 open() 和 send() 方法

;方法

描述open(method,url,async)

規定請求的型別、url 以及是否非同步處理請求。• method:請求的型別;get 或 post• url:檔案在伺服器上的位置• async:true(非同步)或 false(同步)

send(string)

將請求傳送到伺服器。• string:僅用於 post 請求

向 url 新增乙個唯一的 id

;通過 get 方法傳送資訊,請向 url 新增資訊

;乙個簡單 post 請求

;如果需要像 html 表單那樣 post 資料,請使用 setrequestheader() 來新增 http 頭。然後在 send() 方法中規定您希望傳送的資料

);方法

描述setrequestheader(header,value)

向請求新增 http 頭。• header: 規定頭的名稱• value: 規定頭的值

如需獲得來自伺服器的響應,請使用 xmlhttprequest 物件的 responsetext 或 respon***ml 屬性 屬性

描述responsetext

獲得字串形式的響應資料。

respon***ml

獲得 xml 形式的響應資料。

onreadystatechange 事件

xmlhttprequest 物件的三個重要的屬性

屬性

描述onreadystatechange

儲存函式(或函式名),每當 readystate 屬性改變時,就會呼叫該函式。

readystate

存有 xmlhttprequest 的狀態。從 0 到 4 發生變化。• 0: 請求未初始化• 1: 伺服器連線已建立• 2: 請求已接收• 3: 請求處理中• 4: 請求已完成,且響應已就緒

status

200: "ok"404: 未找到頁面

Ajax學習筆記

send string string 僅用於post請求 使用get還是post 與post相比,get更簡單更快,大部分情況下使用 下面情況使用post請求 無法使用快取檔案 更新伺服器上的檔案或資料庫 向伺服器傳送大量資料 傳送包含未知字元的使用者輸入時,post更穩定和可靠 get請求例項 請...

ajax學習筆記

ajax學習 1 ajax的作用 ajax區域性重新整理技術,其實就是使用js實現區域性資料的實時變更 解決了不同響應之間資料共享的問題 優勢 提高了網路傳輸效率,提公升了使用者體驗 2 ajax的使用 建立ajax物件 瀏覽器差異問題 複寫onreadystatechange函式 接收響應結果 響...

ajax學習筆記

物件的建立 var xhr null if window.xmlhttprequest else或者使用try catch語句var xhr null trycatch e responsetext中的內容格式是字串window.onload function else trycatch e xhr...