Deno 是一款现代化的 JavaScript 和 TypeScript 运行环境，它是由 Node.js 的创造者 Ryan Dahl 所开发的。相比于 Node.js，Deno 更加安全、易于维护和使用，并内置了 TypeScript 以及许多最新的 JavaScript 特性。在这篇文章中，我们将介绍如何使用 Deno 进行 HTTP 请求操作，让你更深入地了解 Deno 的使用方法和特点。
安装 Deno
首先，你需要在本地安装 Deno 环境。安装过程十分简单，只需要在终端中执行以下命令：
$ curl -fsSL https://deno.land/x/install/install.sh | sh
安装完成后，你可以在终端中输入以下命令进行版本确认：
$ deno --version
如果输出了正确的版本号，则说明安装成功。
发送 HTTP 请求
Deno 内置了许多模块和 API，其中包括一个 HTTP 模块，可以用于发送 HTTP 请求和处理 HTTP 响应。以下是一个简单的 HTTP GET 请求的示例代码：
import { send } from "https://deno.land/std/http/mod.ts";
const url = "https://jsonplaceholder.typicode.com/todos/1";
const res = await send("GET", url);
const body = await res.arrayBuffer();
console.log(new TextDecoder().decode(body));在这个示例中，我们使用 send 函数发送了一个 HTTP GET 请求，请求的 URL 是 https://jsonplaceholder.typicode.com/todos/1。然后，我们使用 res 变量获取了服务器返回的响应结果，并使用 arrayBuffer 函数将结果转换为 ArrayBuffer 类型的数据。最后，我们使用 TextDecoder 对数据进行解码，将其转换为字符串并输出到控制台。
发送带参数的 HTTP 请求
如果我们需要发送带有参数的 HTTP 请求，可以使用 URLSearchParams 对象来构造查询字符串。以下是一个发送带有参数的 HTTP GET 请求的示例代码：
-- -------------------- ---- ------- ------ - ----- --------- - ---- ------------------------------------ ----- --- - --------------------------------------------- ----- ------ - --- ----------------- ------- ---- ---------- -------- --- ----- --- - ----- ----------- ------------- --------- ----- ---- - ----- ------------------ --------------- ----------------------------
在这个示例中，我们使用 URLSearchParams 对象来构造查询字符串，包含两个参数 userId 和 completed，然后使用 setQuery 函数将参数追加到 URL 后面，形成完整的请求 URL。最后我们向服务器发送了一个 HTTP GET 请求，获取了符合查询参数的结果，并将其输出到控制台。
发送带有请求头的 HTTP 请求
如果我们需要发送带有请求头的 HTTP 请求，可以使用 Request 对象来构造请求对象。以下是一个发送带有请求头的 HTTP GET 请求的示例代码：
-- -------------------- ---- ------- ------ - ----- -------- - ---- ------------------------------------ ----- --- - ----------------------------------------------- ----- ------- - --- ---------- ------------------------------ -------------------- ----- --- - --- ------------ - ------- ------ -------- --- ----- --- - ----- ---------- ----- ---- - ----- ------------------ --------------- ----------------------------
在这个示例中，我们使用 Headers 对象来设置请求头，然后使用 Request 对象来构造请求对象，设置了请求方法为 GET，并将请求头附加进去。然后我们发送了一个 HTTP GET 请求，并输出了响应结果。
发送带有请求体的 HTTP 请求
如果我们需要发送带有请求体的 HTTP 请求，可以将请求体数据传递给 send 函数的第二个参数中。以下是一个发送带有请求体的 HTTP POST 请求的示例代码：
-- -------------------- ---- -------
------ - ---- - ---- ------------------------------------
----- --- - ---------------------------------------------
----- -------- - ----------------
------ ------
----- ------
------- --
---
----- --- - ----- ------------ ---- -
----- ---------
-------- --- ---------
--------------- -------------------
---
---
----------------- ------------在这个示例中，我们使用 JSON.stringify 函数将请求体数据转换为 JSON 字符串，并将其传递给 send 函数的第二个参数。然后我们向服务器发送了一个 HTTP POST 请求，并将响应结果输出到控制台。
总结
在这篇文章中，我们介绍了如何使用 Deno 进行 HTTP 请求操作。我们了解了 Deno 内置的 HTTP 模块，学习了如何发送 HTTP GET 和 POST 请求，以及如何处理 HTTP 响应结果，同时也学习了如何处理带有参数、请求头和请求体的 HTTP 请求。这些内容对于前端开发人员来说是非常实用的，也深入了解了 Deno 的使用方法和特点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6530d0087d4982a6eb25ffbf