XMLHttpRequest的GET和POST方法怎么用

本篇內(nèi)容主要講解“XMLHttpRequest的GET和POST方法怎么用”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“XMLHttpRequest的GET和POST方法怎么用”吧!

GET 比 POST 更簡(jiǎn)單更快，可用于大多數(shù)情況下。

不過(guò)，請(qǐng)?jiān)谝韵虑闆r始終使用 POST：

緩存文件不是選項(xiàng)（更新服務(wù)器上的文件或數(shù)據(jù)庫(kù)）

向服務(wù)器發(fā)送大量數(shù)據(jù)（POST 無(wú)大小限制）

發(fā)送用戶輸入（可包含未知字符），POST 比 GET 更強(qiáng)大更安全

GET 請(qǐng)求

一條簡(jiǎn)單的 GET 請(qǐng)求：

實(shí)例

xhttp.open("GET", "demo_get.asp", true);

xhttp.send();

在上面的例子中，您可能會(huì)獲得一個(gè)緩存的結(jié)果。為了避免此情況，請(qǐng)向 URL 添加一個(gè)唯一的 ID：

實(shí)例

xhttp.open("GET", "demo_get.asp?t=" + Math.random(), true);

xhttp.send();

如果您需要用 GET 方法來(lái)發(fā)送信息，請(qǐng)向 URL 添加這些信息：

實(shí)例

xhttp.open("GET", "demo_get2.asp?fname=Bill&lname=Gates", true);

xhttp.send();

POST 請(qǐng)求

一條簡(jiǎn)單的 POST 請(qǐng)求：

實(shí)例

xhttp.open("POST", "demo_post.asp", true);

xhttp.send();

如需像 HTML 表單那樣 POST 數(shù)據(jù)，請(qǐng)通過(guò) setRequestHeader() 添加一個(gè) HTTP 頭部。請(qǐng)?jiān)?send() 方法中規(guī)定您需要發(fā)送的數(shù)據(jù)：

實(shí)例

xhttp.open("POST", "ajax_test.asp", true);

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

xhttp.send("fname=Bill&lname=Gates");

方法 描述

setRequestHeader(header, value)

向請(qǐng)求添加 HTTP 頭部

header：規(guī)定頭部名稱

value：規(guī)定頭部值

到此，相信大家對(duì)“XMLHttpRequest的GET和POST方法怎么用”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！