Node.js 中使用 superagent 进行 HTTP 请求的教程

作为前端开发人员，我们经常需要通过 HTTP 请求来获取数据或者与后台进行交互。Node.js 中提供的 superagent 库可以帮助我们更加方便地进行 HTTP 请求。本文将介绍如何使用 superagent 进行 HTTP 请求，并展示一些示例代码。

什么是 superagent？

superagent 是一个轻量级的 HTTP 请求库，它可以在 Node.js 和浏览器环境中使用。它支持 Promise API 和流式 API，可以帮助我们更加方便地发送 HTTP 请求并处理响应。

安装 superagent

在使用 superagent 之前，我们需要先安装它。可以通过 npm 来安装：

npm install superagent --save

发送 HTTP 请求

superagent 提供了多种方式来发送 HTTP 请求。下面是一些常用的方法：

GET 请求

// javascriptcn.com 代码示例
const superagent = require('superagent');

superagent
  .get('https://api.github.com/users/octocat')
  .then(res => {
    console.log(res.body);
  })
  .catch(err => {
    console.error(err);
  });

POST 请求

// javascriptcn.com 代码示例
const superagent = require('superagent');

superagent
  .post('https://httpbin.org/post')
  .send({ name: 'John', age: 30 })
  .set('Content-Type', 'application/json')
  .then(res => {
    console.log(res.body);
  })
  .catch(err => {
    console.error(err);
  });

PUT 请求

// javascriptcn.com 代码示例
const superagent = require('superagent');

superagent
  .put('https://httpbin.org/put')
  .send({ name: 'John', age: 30 })
  .set('Content-Type', 'application/json')
  .then(res => {
    console.log(res.body);
  })
  .catch(err => {
    console.error(err);
  });

DELETE 请求

// javascriptcn.com 代码示例
const superagent = require('superagent');

superagent
  .delete('https://httpbin.org/delete')
  .then(res => {
    console.log(res.body);
  })
  .catch(err => {
    console.error(err);
  });

处理响应

superagent 返回的响应对象包含很多有用的信息，比如响应状态码、响应头、响应体等。下面是一些常用的方法：

获取响应状态码

// javascriptcn.com 代码示例
const superagent = require('superagent');

superagent
  .get('https://api.github.com/users/octocat')
  .then(res => {
    console.log(res.status); // 200
  })
  .catch(err => {
    console.error(err);
  });

获取响应头

// javascriptcn.com 代码示例
const superagent = require('superagent');

superagent
  .get('https://api.github.com/users/octocat')
  .then(res => {
    console.log(res.headers['content-type']); // 'application/json; charset=utf-8'
  })
  .catch(err => {
    console.error(err);
  });

获取响应体

// javascriptcn.com 代码示例
const superagent = require('superagent');

superagent
  .get('https://api.github.com/users/octocat')
  .then(res => {
    console.log(res.body); // { login: 'octocat', id: 583231, ... }
  })
  .catch(err => {
    console.error(err);
  });

总结

使用 superagent 可以帮助我们更加方便地进行 HTTP 请求，并处理响应。在实际开发中，我们可以根据需要选择不同的请求方法和处理响应的方式。希望这篇文章能够对你有所帮助！

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