JavaScript中發(fā)出HTTP請(qǐng)求最常用的方法

gougoujiang 發(fā)布于2019-07-01 10:18 / 3272人閱讀

摘要：在本文中，我們將介紹一些在中發(fā)出請(qǐng)求的流行方法。是發(fā)出異步請(qǐng)求的傳統(tǒng)方式。如果等于，則表示請(qǐng)求已完成。是進(jìn)行調(diào)用的最簡(jiǎn)單方法之一。它需要三個(gè)參數(shù)請(qǐng)求的地址您要發(fā)送的數(shù)據(jù)和回調(diào)函數(shù)。事實(shí)上，這是制作請(qǐng)求的最佳和最喜歡的方式之一。

JavaScript具有很好的模塊和方法來(lái)發(fā)送可用于從服務(wù)器端資源發(fā)送或接收數(shù)據(jù)的HTTP請(qǐng)求。在本文中，我們將介紹一些在JavaScript中發(fā)出HTTP請(qǐng)求的流行方法。

Ajax
Ajax是發(fā)出異步HTTP請(qǐng)求的傳統(tǒng)方式。可以使用HTTP POST方法發(fā)送數(shù)據(jù)，并使用HTTP GET方法接收數(shù)據(jù)。我們來(lái)看看發(fā)送GET請(qǐng)求。我將使用JSONPlaceholder，這是一個(gè)免費(fèi)的在線REST API，適用于以JSON格式返回隨機(jī)數(shù)據(jù)的開發(fā)人員。
要在Ajax中進(jìn)行HTTP調(diào)用，您需要初始化一個(gè)新XMLHttpRequest()方法，指定URL端點(diǎn)和HTTP方法（在本例中為GET）。最后，我們使用該open()方法將HTTP方法和URL端點(diǎn)綁定在一起，并調(diào)用該send()方法來(lái)觸發(fā)請(qǐng)求。
我們使用XMLHTTPRequest.onreadystatechange包含要在readystatechanged事件觸發(fā)時(shí)調(diào)用的事件處理程序的屬性將HTTP響應(yīng)記錄到控制臺(tái)。

如果您查看瀏覽器控制臺(tái)，它將返回JSON格式的數(shù)據(jù)數(shù)組。但是我們?cè)趺粗勒?qǐng)求是否完成了？換句話說(shuō)，我們?nèi)绾问褂肁jax處理響應(yīng)？
該onreadystatechange有兩個(gè)方法，readyState 和 status允許我們可以檢查請(qǐng)求的狀態(tài)。

如果readyState等于4，則表示請(qǐng)求已完成。
除了使用JavaScript直接進(jìn)行Ajax調(diào)用之外，還有其他更強(qiáng)大的HTTP調(diào)用方法，例如$.AjaxjQuery方法。

jQuery方法
jQuery有很多方法可以輕松處理HTTP請(qǐng)求。要使用這些方法，您需要在項(xiàng)目中包含jQuery庫(kù)。

$.ajax
jQuery Ajax是進(jìn)行HTTP調(diào)用的最簡(jiǎn)單方法之一。

$ .ajax方法需要許多參數(shù)，其中一些是必需的，另一些是可選的。它包含兩個(gè)回調(diào)選項(xiàng)success并error處理收到的響應(yīng)。

$.get方法
$.get方法用于執(zhí)行GET請(qǐng)求。它需要兩個(gè)參數(shù)：請(qǐng)求地址和回調(diào)函數(shù)。

$.post
該$.post方法是將數(shù)據(jù)發(fā)布到服務(wù)器的另一種方法。它需要三個(gè)參數(shù)：請(qǐng)求的url地址您要發(fā)送的數(shù)據(jù)和回調(diào)函數(shù)。

$ .getJSON
該$.getJSON方法僅檢索JSON格式的數(shù)據(jù)。它需要兩個(gè)參數(shù)：url和回調(diào)函數(shù)。

jQuery具有所有這些方法來(lái)請(qǐng)求或?qū)?shù)據(jù)發(fā)布到遠(yuǎn)程服務(wù)器。但實(shí)際上你可以將所有這些方法合而為一：$.ajax方法，如下例所示：

Fetch
fetch是一個(gè)新的功能強(qiáng)大的Web API，可以讓您發(fā)出異步請(qǐng)求。事實(shí)上，這fetch是制作HTTP請(qǐng)求的最佳和最喜歡的方式之一。它返回一個(gè)“Promise”，這是ES6的一大特色。如果你不熟悉ES6，你可以閱讀一下關(guān)于ES6的文章。Promise允許我們以更智能的方式處理異步請(qǐng)求。我們來(lái)看看fetch技術(shù)如何運(yùn)作。

該fetch函數(shù)需要一個(gè)必需參數(shù)：endpointURL。它還有其他可選參數(shù)，如下例所示：

如您所見，fetch制作HTTP請(qǐng)求有許多優(yōu)點(diǎn)。此外，在fetch中還有其他模塊和插件，允許我們向服務(wù)器端發(fā)送和從服務(wù)器端接收請(qǐng)求，例如Axios.

Axios
Axios是一個(gè)用于發(fā)出HTTP請(qǐng)求的開源庫(kù)，并提供許多強(qiáng)大的功能。我們來(lái)看看它是如何工作的。

用法：
首先，您需要包含Axios。有兩種方法可以在項(xiàng)目中包含Axios。
首先，你可以使用npm：
npm install axios --save

然后你需要導(dǎo)入它
import axios from "axios"

使用axios發(fā)出請(qǐng)求：
使用Axios，您可以使用GET和POST從服務(wù)器檢索和發(fā)布數(shù)據(jù)。

axios采用一個(gè)必需參數(shù)，也可以采用第二個(gè)可選參數(shù)。這將一些數(shù)據(jù)作為簡(jiǎn)單查詢。

POST：

Axios返回“Promise”。如果您熟悉promises，您可能知道promise可以執(zhí)行多個(gè)請(qǐng)求。您可以使用axios執(zhí)行相同的操作并同時(shí)運(yùn)行多個(gè)請(qǐng)求。

Axios支持許多其他方法和選項(xiàng)。你可以官網(wǎng)了解他們

云服務(wù)器 GPU云服務(wù)器發(fā)出存貨的計(jì)價(jià)方法服務(wù)器端發(fā)出請(qǐng)求 jquery常用的方法常用的數(shù)據(jù)統(tǒng)計(jì)方法

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/29022.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

gougoujiang

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

mix-blend-mode及background-blend-mode實(shí)現(xiàn)炫酷的圖片樣式

閱讀 2224·2019-08-30 15:54
錘子官網(wǎng)3D翻轉(zhuǎn)特效banner插件

閱讀 1960·2019-08-30 13:49
重學(xué)前端學(xué)習(xí)筆記（二）--前端學(xué)習(xí)路線與方法

閱讀 679·2019-08-29 18:44
瀏覽器渲染機(jī)制

閱讀 834·2019-08-29 18:39
常見面試題—css實(shí)現(xiàn)垂直水平居中

閱讀 1117·2019-08-29 15:40
jquery的lt選擇器里的一些坑

閱讀 1538·2019-08-29 12:56
NPM酷庫(kù)：ip，IP地址處理

閱讀 3151·2019-08-26 11:39
JS 異步(callback→Promise→async/await)

閱讀 3104·2019-08-26 11:37

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript中發(fā)出HTTP請(qǐng)求最常用的方法

相關(guān)文章