這篇文章給大家介紹利用JavaScript怎么發(fā)送一個HTTP請求，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)長期為上千客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為嘉蔭企業(yè)提供專業(yè)的網(wǎng)站制作、做網(wǎng)站，嘉蔭網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

Ajax

Ajax是發(fā)出異步HTTP請求的傳統(tǒng)方式。可以使用HTTP POST方法發(fā)送數(shù)據(jù)，并使用HTTP GET方法接收數(shù)據(jù)。我們來看看發(fā)送GET請求。我將使用JSONPlaceholder，這是一個免費的在線REST API，適用于以JSON格式返回隨機數(shù)據(jù)的開發(fā)人員。 要在Ajax中進行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直接進行Ajax調(diào)用之外，還有其他更強大的HTTP調(diào)用方法，例如$.AjaxjQuery方法。

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

$.ajax

jQuery Ajax是進行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ā)布到遠程服務(wù)器。但實際上你可以將所有這些方法合而為一：$.ajax方法，如下例所示：

Fetch

fetch是一個新的功能強大的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請求的開源庫，并提供許多強大的功能。我們來看看它是如何工作的。

用法： 首先，您需要包含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í)行相同的操作并同時運行多個請求。

關(guān)于利用JavaScript怎么發(fā)送一個HTTP請求就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

分享題目：利用JavaScript怎么發(fā)送一個HTTP請求-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://www.chinadenli.net/article42/dcdhec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、軟件開發(fā)、手機網(wǎng)站建設(shè)、電子商務(wù)、營銷型網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)