Ajax
1.XMLHttpRequest物件
執行的操作:
-
從客戶端發送資料到服務器后臺
-
從服務器接收資料
-
更新網頁而不需要重新加載頁面
屬性:
-
onReadyStateChange, 只要readystate屬性發生變化就會呼叫它
-
readyState 表示請求的狀態
-
0-未打開,未呼叫open()
-
1-已打開,呼叫open()但不呼叫send()
-
2-標頭已接收,呼叫send(),并且標題和狀態可用
-
3-已加載正在下載資料,responseText保存資料
-
4-完成,操作全部完成
-
-
responseText -- 以文本形式回傳回應
-
resposneXML -- 以XML形式回傳回應
方法:
void open(method,url) 打開指定的get或post和url請求
void open(method,url,async) async為是否執行異步請求
void open(method,url,async,username,password) 指定用戶名和密碼
void send() 發送獲取請求
void send(string) 發送郵件請求
setRequestHeader(header,value) 添加請求標頭
AJAX作業程序:
-
用戶從UI發送請求,js呼叫轉到XMLHttpRequest物件
-
HTTP請求有XMLHttpRequest物件發送到服務器
-
服務器使用jsp,php,servlet,asp.net與資料庫j互動
-
檢索資料
-
服務器將XML資料或json資料發送到XMLHttpRequest回呼函式
-
HTML和CSS資料顯示到瀏覽器上
AJAX操作步驟
-
發送客戶端事件
-
創建XMLHttpRequest物件
-
XMLHttpRequest物件創建成功并配置
-
XMLHttpRequest物件向web服務器發出異步請求
-
web服務器回傳XML檔案的結果
-
XMLHttpRequest物件呼叫callback()函式并處理結果
-
HTML DOM已更新
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/501215.html
標籤:JavaScript
