iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 25
0
Modern Web

淺談web系列 第 25

鐵人賽DAY25-AJAX(三)

一、XMLHttpRequest(XHR) Methods
new XMLHttpRequest()
➔新增XMLHttpRequest物件。
abort()
➔取消HTTP request。
open(method, URL, async, user, password)
➔設定HTTP request的內容,method需填入http的請求方式包括get、post……等,URL需填入request所請求的位置,async需填入true或false表示是否同步,user及password需填入帳號密碼用來驗證使用。
getAllResponseHeaders()
➔擷取所有HTTP response的頭部訊息,若還沒有response送回則回傳空字串。
getResponseHeader(headerName)
➔擷取「指定」HTTP response的頭部訊息,若沒有該指定的response送回則回傳空字串。
send(string)➔
送出HTTP request,若使用get方法時則參數必須為null。

XMLHttpRequest(XHR) Methods需搭配著readyState及status使用,才能使方法們在正確的時機被使用(readyState),及了解執行的進度為何(status),因此我們在下方額外補充這兩個屬性所代表的意思。

readyState:表示非同步請求的狀態,例如:0(未初始化)、1(正在下載)、2(已下載)、3(互動中)、4(完成)

status:表示server端送回HTTP response的狀態,例如:200(請求成功)、202 (請求被接收,但處理未完成)、400(錯誤的請求)、404(找不到資源)、500(伺服器錯誤)……等。

參考資料:
1.http://javascript.john650914.com/documentation/ajax.php
2.https://www.tutorialspoint.com/ajax/what_is_xmlhttprequest.htm


上一篇
鐵人賽DAY24-AJAX(二)
下一篇
鐵人賽DAY26-HTML5(一)
系列文
淺談web30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言