AJAX（Asynchronous?JavaScript?and?XML（異步的?JavaScript?和?XML））

AJAX的作用是什么？

在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術

是一種用于創建快速動態網頁的技術

通過在后臺與服務器進行少量數據交換，AJAX?可以使網頁實現異步更新

AJAX?-?創建?XMLHttpRequest?對象

XMLHttpRequest?是?AJAX?的基礎。

XMLHttpRequest對象的方法

方法	描述
Abort()	停止當前請求
getAllResponseHeaders()	作為字符串返回完整的headers
getResponseheader(“hederLabel”)	作為字符串返回單個的header標簽
open(“method”,“URL”[,asyncFlag[,”userName”[,”password”]]])	設置未決的請求的目標URL方法和其他參數
send(content)	發送請求
setRequestHeader(“label”,”value”)	設置header并和請求一起發送

XMLHttpRequest對象

屬性	描述
onreadystatechange	狀態改變的事件觸發器
readyState	對象狀態(integer):0=未初始化，1=讀取中，2=已讀取，3=交互中，4=完成
responseText	服務器進程返回數據的文本
responseXML	服務器進程返回數據的兼容DOM的XML文檔對象
status	服務器返回的狀態碼，如404=“文件未找到”、200=“成功”
statusText	服務器返回的狀態文本信息

從網頁中獲取XMLHttpRequest對象（存在兼容性問題）

//創建 XMLHttpRequest var htttRequest =null; if(document.all){htttRequest = new ActiveXObject("Microsoft.XMLHTTP"); }else{htttRequest = new XMLHttpRequest(); }

AJAX?-?向服務器發送請求

XMLHttpRequest?對象用于和服務器交換數據。

?

xmlhttp.open("GET","test1.txt",true); xmlhttp.send();

?

?

方法	描述
open(method,url,async)	規定請求的類型、URL?以及是否異步處理請求。 method：請求的類型；GET?或?POST url：文件在服務器上的位置 async：true（異步）或?false（同步）
send(string)	將請求發送到服務器。 string：僅用于?POST?請求

GET?還是?POST？

與?POST?相比，GET?更簡單也更快，并且在大部分情況下都能用。

然而，在以下情況中，請使用?POST?請求：

無法使用緩存文件（更新服務器上的文件或數據庫）

向服務器發送大量數據（POST?沒有數據量限制）

發送包含未知字符的用戶輸入時，POST?比?GET?更穩定也更可靠

如果需要像?HTML?表單那樣?POST?數據，請使用?setRequestHeader()?來添加?HTTP?頭。然后在?send()?方法中規定您想發送的數據：

?

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

?

?

方法	描述
setRequestHeader(header,value)	向請求添加?HTTP?頭。 header:?規定頭的名稱 value:?規定頭的值

異步?-?True?或?False？

True異步是通過?AJAX，JavaScript?無需等待服務器的響應，而是：

在等待服務器響應時執行其他腳本

當響應就緒后對響應進行處理

False同步是通過AJAX，JavaScript等待服務器的響應后再對后續響應進行處理

AJAX開發步驟

1.客戶端事件發生，調用JavaScript函數編寫的事件處理程序

2.在事件處理程序中創建XMLHttpRequest對象

3.配置XMLHttpRequest對象

4.XMLHttpRequest對象發送一個異步HTTP請求到服務器

5.服務器程序接收請求，處理請求，返回相應

6.XMLHttpRequest對象調用callback()函數并處理結果

7.更新HTML

?

轉載于:https://www.cnblogs.com/HackerBlog/p/6012125.html

總結

以上是生活随笔為你收集整理的JavaWeb总结（十五）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。