npm 包 superagent 使用教程

在前端开发中，我们经常需要与后端进行数据交互。而使用 superagent 这个 npm 包可以方便地实现发送 HTTP 请求和处理响应。

安装

在使用 superagent 之前需要先进行安装。可以通过 npm 进行安装：

npm install superagent

发送 GET 请求

使用 superagent 发送 GET 请求十分简单。只需调用 get() 方法并传入 URL 参数即可：

const superagent = require('superagent');

superagent.get('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => console.log(response.body))
  .catch(error => console.error(error));

上面的代码会发送一个 GET 请求，并将响应体输出到控制台。注意要处理可能出现的错误。

发送 POST 请求

发送 POST 请求的过程也很简单。只需调用 post() 方法并传入 URL 和请求体参数即可：

const superagent = require('superagent');

superagent.post('https://jsonplaceholder.typicode.com/posts')
  .send({ title: 'foo', body: 'bar', userId: 1 })
  .then(response => console.log(response.body))
  .catch(error => console.error(error));

上面的代码会发送一个 POST 请求，并将响应体输出到控制台。

添加请求头

有时候我们需要在请求中添加一些自定义的头部信息。可以使用 set() 方法来实现：

const superagent = require('superagent');

superagent.get('https://jsonplaceholder.typicode.com/todos/1')
  .set('Authorization', 'Bearer YOUR_ACCESS_TOKEN')
  .then(response => console.log(response.body))
  .catch(error => console.error(error));

上面的代码在请求头中添加了一个名为 Authorization 的字段，并将其值设置为自己的访问令牌。根据实际情况替换掉 YOUR_ACCESS_TOKEN 即可。

处理响应

在 superagent 中，我们可以使用 .then() 方法来获取请求成功时的响应体，使用 .catch() 方法来处理请求失败时的错误信息。此外，还有一些其他的方法可以用来处理响应，比如 end()、buffer()、parse() 等等。

-- -------------------- ---- -------
----- ---------- - ----------------------

--------------------------------------------------------------
  -------------- -- -
    ---------------------------
    ------------------------------
    -----------------------------
  --
  ------------ -- ----------------------

上面的代码演示了如何获取响应体、响应头和状态码。可以根据实际需求对响应进行处理。

总结

本文介绍了如何使用 superagent 发送 HTTP 请求和处理响应。通过学习本文，你可以快速掌握 superagent 的基本用法，并在实际开发中灵活运用。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/32423