[Back To Basic] Javascript - XMLHttp

XMLHttpRequest

• XMLHttpRequest 是 AJAX 的基石
• 所有瀏覽器都支援(IE7+)
• 可在背景進行資料交換

跨域訪問

• 為了安全的理由，現今瀏覽器不允許跨域訪問。
• 網站和資料來源需要在同一個伺服器上

舊瀏覽器(IE5、IE6)

• 舊瀏覽器使用ActiveX代替XMLHttpRequest

XMLHttpRequest 物件方法

• new XMLHttpRequest()
• 建立XMLHttpRequest物件

• abort()
• 取消現存請求

• getAllResponseHeaders()
• 取得所有Header資訊

• getResponseHeader()
• 取得指定Header資訊

• open(method, url, async, user, psw)
• method: GET POST...
• url: 檔案位置
• async: 是否要非同步處理
• user: 使用者名稱
• psw: 使用者密碼

• send()
• 發送請求(get使用)

• send(string)
• 發送請求(post使用)

• setRequestHeader()
• 新增請求的Header

XMLHttpRequest 物件屬性

• onreadystatechange
• 當readyState改變成ready時，要執行的function

• readyState
• XMLHttpRequest的狀態
• 0: 請求尚未初始化
• 1: 伺服器連線建立
• 2: 請求被接收
• 3: 處理請求中
• 4: 完成請求，且response已回覆

• responseText
• response的資料視為text

• responseXML
• response的資料視為XML格式

• status
• 請求回覆的狀態(代號)

• statusText
• 請求回復的狀態(文字)

source code