Ajax完整詳細教程（一）

我們將詳細介紹 XMLHttpRequest 物件，它是 Ajax 應用程式的中心，負責處理伺服器端應用程式和指令碼的請求，並處理從伺服器端元件返回的資料。由於所有的 Ajax 應用程式都要使用XMLHttpRequest 物件，因此您可能會希望熟悉這個物件，從而能夠讓 Ajax 執行得更好。

感興趣的歡迎私聊了

1。http協議

1.1 http協議

● 超文字傳輸協議（HTTP，HyperText Transfer Protocal ），

是簡單、可靠的網際網路檔案傳輸協議。“上網”這個事兒的本質，

就是你輸入網址之後，瀏覽器發出HTTP請求，請求伺服器上的檔案。

伺服器上的檔案，再透過HTTP傳輸到本地，在瀏覽器中進行渲染。

● 一次HTTP請求，有上行請求、下行響應兩部分。

● 一張網頁，可能產生多個HTTP的請求。

● 通常，瀏覽器產生HTTP請求，是由於使用者輸入了新的網址、

或者點選了超級連結，使頁面跳轉，這將導致頁面的全域性重新整理。

而Ajax技術，可以使網頁悄悄地、偷偷地發起HTTP請求，

請求回來的資料在頁面區域性重新整理呈遞。

1.2 ajax實現原理

原理：

在不重新整理頁面的情況下，瀏覽器悄悄地、異步向伺服器發出HTTP請求。

伺服器收到請求後，傳回新的格式化資料（通常是JSON）。

瀏覽器透過DOM將新資料呈遞顯示，頁面僅區域性重新整理。

1.3 ajax步驟

1。建立ajax物件 XMLHttpRequest（） 內建物件 XMLHttpRequest

var xhr=new XMLHttpRequest（）；

2。準備請求內容

open（‘請求方式’，‘請求地址’，‘非同步’）

xhr。open（‘get’，‘test。txt’，true）；

3。傳送請求

xhr。send（null）；

//

xhr。send

（）

4。監聽函式——-獲取返回的資料

xhr。onreadystatechange=function（）{

if（xhr。readyState==4）{

if（xhr。status==200）{

console。log（xhr。responseText）；

}

}

}

1.4 程式碼截圖