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