前言
在我们开发前端应用时，经常需要进行 HTTP 请求，以便从后端获取数据或将数据发送到后端，这时请求库就变得尤为重要。今天我们要介绍的是一个功能齐全、易用性高的请求库：requisition。
requisition 使用了 Promise 和 fetch API，代码简洁易读，方便扩展。下面我们将详细介绍该库的使用方法。
安装和引入
使用 npm 安装：
npm install requisition --save
引入：
// ES6
import { request } from 'requisition';
// CommonJS
const { request } = require('requisition');基本用法
requisition 的基本用法非常简单，只需要传入请求的 URL 和选项即可，返回的是 Promise 对象：
request('https://example.com/data.json')
.then(res => {
// 处理响应
})
.catch(err => {
// 处理错误
});requisition 会自动解析响应，将其转换为 JavaScript 对象。可以通过设置请求头、请求体、响应类型等选项来进行更加细致的控制：
-- -------------------- ---- -------
---------------------------------------- -
-------- -
--------------- -------------------
-------------- ------- - - ------
--
----- - ---- ------- --
------- -------
----------- -- -
-- ----
---高级用法
发送 FormData
除了 JSON 数据，还可以使用 FormData 发送表单数据，例如上传文件：
-- -------------------- ---- -------
----- -------- - --- -----------
----------------------- ------
------------------------------------- -
-------- -
-------------- ------- - - ------
--
----- ---------
------- -------
----------- -- -
-- ----
---处理响应
在查询 API 中，经常需要对返回的数据进行处理和转换，requisition 提供了灵活的方法来处理响应数据。
res.ok
一个布尔值，表示响应是否成功（即 HTTP 状态码为 200~299），其实相当于 !res.error。
res.status
HTTP 状态码，通常用于判断请求是否成功。
res.headers
响应头。可以通过它访问服务器返回的元数据。例如，可以使用 res.headers.get('content-type') 获取响应类型。
res.clone()
复制响应，因为响应是一次性的，只能使用一次，如果需要多次使用，可以使用 res.clone() 来创建一个新的响应对象。
res.text()
以字符串形式获取响应体。
request('https://example.com/data.txt').then(res => {
return res.text();
});res.json()
以 JSON 对象形式获取响应体。
request('https://example.com/data.json').then(res => {
return res.json();
});res.blob()
以 Blob 对象形式获取响应体。Blob 对象表示不可变、原始数据的不透明二进制数据。
request('https://example.com/image.png').then(res => {
return res.blob();
});批量请求
有时候需要一次性发送多个请求，可以使用 Promise.all() 实现批量请求。Promise.all() 接收一个包含多个 Promise 对象的数组，返回一个包含所有 Promise 结果的数组。
Promise.all([
request('https://example.com/data1.json'),
request('https://example.com/data2.json'),
]).then(results => {
const [data1, data2] = results;
// 处理数据
});结语
通过本文的介绍，相信你已经掌握了使用 requiistion 进行 HTTP 请求的基本方法以及高级用法。requisition 提供了丰富的选项和灵活的异步处理机制，可以帮助我们轻松地处理复杂的网络请求问题，让前端开发更加高效和愉悦。
示例代码：
-- -------------------- ---- -------
------ - ------- - ---- --------------
---------------------------------------------
--------- -- -
------ -----------
--
---------- -- -
---------------------
--
---------- -- -
-------------------
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/76238