国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

kyanag / 369人閱讀

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


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

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


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


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

jQuery方法
jQuery有很多方法可以輕松處理HTTP請求。要使用這些方法，您需要在項目中包含jQuery庫。

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


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

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

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

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

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

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


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

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

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

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

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

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


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

POST：

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

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/96061.html

相關(guān)文章

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

    摘要：在本文中，我們將介紹一些在中發(fā)出請求的流行方法。是發(fā)出異步請求的傳統(tǒng)方式。如果等于，則表示請求已完成。是進(jìn)行調(diào)用的最簡單方法之一。它需要三個參數(shù)請求的地址您要發(fā)送的數(shù)據(jù)和回調(diào)函數(shù)。事實上，這是制作請求的最佳和最喜歡的方式之一。 showImg(https://segmentfault.com/img/bVbdEhE?w=749&h=450);JavaScript具有很好的模塊和方法來發(fā)...

    gougoujiang 評論0 收藏0

  • Ajax 知識點的那些事

    摘要：發(fā)送后等待服務(wù)端響應(yīng)，響應(yīng)是以觸發(fā)事件來通知，隨后通過請求對象實例拿到狀態(tài)以及響應(yīng)的內(nèi)容。表示服務(wù)器響應(yīng)內(nèi)容的文本形式。而是在調(diào)用發(fā)出后，被調(diào)用者通過觸發(fā)事件，調(diào)用事件處理回調(diào)函數(shù)。 Ajax是什么 AJAX即Asynchronous JavaScript and XML（異步的JavaScript與XML技術(shù)），指的是一套綜合了多項技術(shù)的瀏覽器端網(wǎng)頁開發(fā)技術(shù)，包含了HTML、CSS、...

    wean 評論0 收藏0

  • ionic3 教程（五）基本的網(wǎng)絡(luò)請求

    摘要：鏈接教程一安裝和配置教程二登錄頁制作教程三設(shè)置頁制作教程四安卓硬件返回鍵處理教程五基本的網(wǎng)絡(luò)請求這是最后一節(jié)，本節(jié)主要用最簡單網(wǎng)絡(luò)請求和基本的內(nèi)置指令做一個演示。接收數(shù)據(jù)用依賴注入網(wǎng)絡(luò)請求會返回一個對象。 showImg(https://segmentfault.com/img/remote/1460000010805290); 鏈接： ionic3教程（一）安裝和配置 ionic...

    bbbbbb 評論0 收藏0

  • ionic3 教程（五）基本的網(wǎng)絡(luò)請求

    摘要：鏈接教程一安裝和配置教程二登錄頁制作教程三設(shè)置頁制作教程四安卓硬件返回鍵處理教程五基本的網(wǎng)絡(luò)請求這是最后一節(jié)，本節(jié)主要用最簡單網(wǎng)絡(luò)請求和基本的內(nèi)置指令做一個演示。接收數(shù)據(jù)用依賴注入網(wǎng)絡(luò)請求會返回一個對象。 showImg(https://segmentfault.com/img/remote/1460000010805290); 鏈接： ionic3教程（一）安裝和配置 ionic...

    MudOnTire 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<