使用 Deno 进行 HTTP 请求操作详解-JavaScript中文网-JavaScript教程资源分享门户

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 请求的示例代码：

// javascriptcn.com 代码示例
import {
  send,
  setQuery,
} from "https://deno.land/std/http/mod.ts";

const url = "https://jsonplaceholder.typicode.com/todos";
const params = new URLSearchParams({
  userId: "1",
  completed: "false",
});
const res = await send("GET", setQuery(url, params));
const body = await res.arrayBuffer();

console.log(new TextDecoder().decode(body));

在这个示例中，我们使用 URLSearchParams 对象来构造查询字符串，包含两个参数 userId 和 completed，然后使用 setQuery 函数将参数追加到 URL 后面，形成完整的请求 URL。最后我们向服务器发送了一个 HTTP GET 请求，获取了符合查询参数的结果，并将其输出到控制台。

发送带有请求头的 HTTP 请求

如果我们需要发送带有请求头的 HTTP 请求，可以使用 Request 对象来构造请求对象。以下是一个发送带有请求头的 HTTP GET 请求的示例代码：

// javascriptcn.com 代码示例
import {
  send,
  Request,
} from "https://deno.land/std/http/mod.ts";

const url = "https://jsonplaceholder.typicode.com/todos/1";

const headers = new Headers();
headers.append("Content-Type", "application/json");

const req = new Request(url, {
  method: "GET",
  headers,
});

const res = await send(req);
const body = await res.arrayBuffer();

console.log(new TextDecoder().decode(body));

在这个示例中，我们使用 Headers 对象来设置请求头，然后使用 Request 对象来构造请求对象，设置了请求方法为 GET，并将请求头附加进去。然后我们发送了一个 HTTP GET 请求，并输出了响应结果。

发送带有请求体的 HTTP 请求

如果我们需要发送带有请求体的 HTTP 请求，可以将请求体数据传递给 send 函数的第二个参数中。以下是一个发送带有请求体的 HTTP POST 请求的示例代码：

// javascriptcn.com 代码示例
import { send } from "https://deno.land/std/http/mod.ts";

const url = "https://jsonplaceholder.typicode.com/posts";
const bodyData = JSON.stringify({
  title: "foo",
  body: "bar",
  userId: 1,
});
const res = await send("POST", url, {
  body: bodyData,
  headers: new Headers({
    "Content-Type": "application/json",
  }),
});

console.log(await res.json());

在这个示例中，我们使用 JSON.stringify 函数将请求体数据转换为 JSON 字符串，并将其传递给 send 函数的第二个参数。然后我们向服务器发送了一个 HTTP POST 请求，并将响应结果输出到控制台。

总结

在这篇文章中，我们介绍了如何使用 Deno 进行 HTTP 请求操作。我们了解了 Deno 内置的 HTTP 模块，学习了如何发送 HTTP GET 和 POST 请求，以及如何处理 HTTP 响应结果，同时也学习了如何处理带有参数、请求头和请求体的 HTTP 请求。这些内容对于前端开发人员来说是非常实用的，也深入了解了 Deno 的使用方法和特点。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6530d0087d4982a6eb25ffbf