Ajax的基本使用
前言:
: 一個HTTP請求由4部分組成:
- HTTP請求方法或「動做」(verb)
- 正在請求的URL
- 一個可選的請求頭集合,其中可能包括身份驗證信息
- 一個可選的請求主體
: 服務器返回的HTTP響應包含3部分:
- -個數字和文字組成的狀態碼,用來顯示請求的成功和失敗
- -個響應頭集合
- 響應主體
第一 建立一個Ajax對象
var request = new XMLHTTPRequest();
第二指定請求
建立XMLHtpRequest對象以後,發起HTTP請求的下- -步是調用XMLHttpRequest對象的open()方法去指定這個請求的兩個必需部分:方法和URL. .
request.open('GET', 'https://lvhanghmm.gitee.io/x-blog');
open()的第-一個參數指定HTTP方法或動做。這個字符串不區分大小寫,但一般你們用大寫字母來匹配HTTP協議。「GET" 和「POST」方法是獲得普遍支持的。「GET」 用於常規請求,它適用於當URL徹底指定請求資源,當請求對服務器沒有任何反作用以及當服務器的響應是可緩存時。「POST」 方法經常使用於HTML表單。它在請求主體中包含額外數據(表單數據)且這些數據常存儲到服務器.上的數據庫中(反作用)。相同URL的重複POST請求從服務器獲得的響應可能不一樣,同時不該該緩存使用這個方法的請求。
open()的第2個參數是URL,它是請求的主題。這是相對於文檔的URL,這個文檔包含調用open()的腳本。若是指定絕對URL、協議、主機和端口一般必須匹配所在文檔的對應內容:跨域的請求一般會報錯。(可是當服務器明確容許跨域請求時,2級當服務器的響應是可緩存時。「POST」 方法經常使用於HTML表單。它在請求主體中包含額外數據(表單數據)且這些數據常存儲到服務器.上的數據庫中(反作用)。相同URL的重複POST請求從服務器獲得的響應可能不一樣,同時不該該緩存使用這個方法的請求。.
若是有請求頭的話,請求進程的下個步驟是設置它。例如,POST請求須要「Content-Type」頭指定請求主題的MIME類型:
最後一步 使用XMLHTTPRequest發起HTTP請求的最後一步是指定可選的請求主體並向服務器發送它。使用send()方法像以下這樣作:
request.send('lvhang');