在前端开发中,我们经常需要与后端进行数据交互,而 HTTP 是最为常用的数据传输协议之一。Deno 是一个新兴的 JavaScript 和 TypeScript 运行时环境,它提供了许多现代化的功能,并且也支持 HTTP 请求。本文将介绍如何在 Deno 中发送 HTTP 请求,并提供一些常见的示例代码。
如何发送 HTTP 请求?
发送 HTTP 请求的核心是使用 fetch
函数。该函数可以接收一个包含 URL 和请求参数的对象,并返回一个 Promise 对象。在使用 fetch
函数时,需要注意以下几点:
fetch
函数返回的是一个 Promise 对象,因此需要使用await
或then
方法来处理返回结果。在
fetch
函数中,可以通过传递第二个参数来设置请求的方法、请求头、请求体等参数。fetch
函数返回的 Promise 对象,可以使用json()
方法获取响应的 JSON 数据,也可以使用text()
或blob()
等方法获取其他类型的响应数据。fetch
函数的响应对象,包含了许多信息,例如响应状态、响应头等,可以通过访问响应对象的属性来获取这些信息。
接下来,我们将通过一些示例代码来介绍如何在 Deno 中发送 HTTP 请求。
示例代码
发送 GET 请求
发送 GET 请求时,可以直接使用 fetch 函数即可,例如:
const url = "https://api.github.com/users/github"; const response = await fetch(url); const json = await response.json(); console.log(json);
在上面的代码中,我们使用 fetch
函数向 GitHub API 发送了一个 GET 请求,并获取了其响应数据。由于 GitHub API 返回的是 JSON 数据,我们使用了 json()
方法来获取响应的 JSON 数据,并将其输出到控制台。
发送 POST 请求
发送 POST 请求时,需要通过第二个参数来指定请求的方法、请求头和请求体等信息。例如:
-- -------------------- ---- ------- ----- --- - --------------------------------------------- ----- ---- - - ------ ------ ----- ------ ------- - -- ----- ------- - - ------- ------- -------- - --------------- ------------------ -- ----- --------------------- -- ----- -------- - ----- ---------- --------- ----- ---- - ----- ---------------- ------------------
在上面的代码中,我们使用了 fetch
函数向 JSON Placeholder API 发送了一个 POST 请求,并将 JSON 数据作为请求体发送。由于 JSON Placeholder API 返回的也是 JSON 数据,因此我们同样使用了 json()
方法来获取响应数据,并将其输出到控制台。
响应对象的属性
最后,我们来看一下如何获取响应对象的属性。例如:
const url = "https://api.github.com/users/github"; const response = await fetch(url); console.log(response.status); //输出 200 console.log(response.headers.get("content-type")); //输出 application/json; charset=utf-8
在上面的代码中,我们首先使用 fetch
函数向 GitHub API 发送了一个 GET 请求,并获取了其响应数据。然后,我们访问响应对象的 status
属性和 headers
对象,并使用 get
方法获取了 content-type
响应头的值。
结论
本文介绍了如何在 Deno 中发送 HTTP 请求,并提供了一些常见的示例代码。通过学习本文,读者可以了解到使用 fetch
函数发送 HTTP 请求的基本方法,并可以根据自己的需求进行参数设置和结果处理。在使用 fetch
函数时,还需要注意响应对象的属性,以便获取其他有用的信息。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6701fc09f59b73a932a479ae