TypeScript 中的 HTTP 請求

Rana Hasnain Khan 2022年7月18日
TypeScript 中的 HTTP 請求

我們將通過示例介紹如何在 TypeScript 中發出 HTTP 請求。

TypeScript 中的 HTTP 請求

建立 TypeScript 中的 HTTP 請求是為了從外部 Web 伺服器獲取或獲取資料,或將資料釋出到外部 Web 伺服器。HTTP 的全稱是 HyperText Transfer Protocol,一種層協議應用程式。

它們是協作、超媒體資訊系統和分發的模型。它專為網路瀏覽器和伺服器之間的通訊以及其他目的而設計。

TypeScript 是一種由 Microsoft 專門開發和支援的高質量程式語言。它用於開發大型應用程式並轉譯為 JavaScript。

它是一種語法型別的語言,可為任何規模提供更好的工具。

為了在 TypeScript 中發出 HTTP 請求,我們使用了一個名為 fetch() 的函式。該函式接受兩個引數,URL 和選項。

URL 是指向我們試圖獲取的網頁的連結,而在選項中,我們傳送的方法是 GETPOST。我們可以使用 GET 方法從 Web 伺服器獲取資料。

如果我們想將資料釋出或傳送到 Web 伺服器,我們可以使用 POST 方法。

現在我們將討論一些在 TypeScript 中發出請求的規則。

  1. TypeScript 中的 HTTP 請求用於從外部 Web 伺服器訂購或獲取資料,並將收集到的資料釋出到外部 Web 伺服器上。
  2. TypeScript 中的 HTTP 請求被放置在程式中,使用函式作為主要函式是 fetch() 函式。
  3. TypeScript 中的 fetch 函式使用兩個引數來執行該函式:URL 和選項。在此之後,它給出一個 response 物件。
  4. text()headersjson()statusstatusText 都是 fetch 函式中 response 物件提供的有價值的來源。
  5. 當傳遞的選項,在 fetch 函式的引數中,是 post。我們有幾個選項來使用它。

我們將學習 TypeScript 中的所有 HTTP 請求功能以及 fetch 函式的工作原理。我們通過 TypeScript 中的 HTTP 請求示例。

在這個例子中,我們將看到我們使用 fetch 函式將 HTTP GET 請求樣本放置到網站的程式。網站的 URL 作為 fetch 函式中的引數傳遞。

整個程式將引數中給出的來自網站的響應轉換為 text 型別並將其列印為輸出。

我們在開始時載入了 fetch 模組以使用 fetch 功能。

const fetch = require('node-fetch');

在這一步中,我們將輸入網站 URL 作為 fetch 函式的引數。

fetch('https://instagram.com')

然後這個函式從網站中提取資料,將其轉換為文字型別的資料,並給出結果。

.then(result => result.text())

現在文字作為輸出框給出。

.then(textformat => console.log(textformat))
Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn