在 Web 前端开发中，常常需要发送异步请求以从服务器获取数据或执行其他操作。其中，使用 Promise 对象可以很方便地进行异步编程，而 promise-requester 这个 npm 包正是为方便开发人员进行 Promise 异步请求而设计的。
promise-requester 简介
promise-requester 是一个基于 Promise 的异步请求工具库，它支持各种类型的 HTTP 请求、自动解析响应数据并返回 Promise，从而让异步请求更便捷。
主要功能特点如下：
- 支持 HTTP 方法（GET、POST、PUT、DELETE、PATCH 等）和自定义方法；
- 支持设置请求头和请求体，各种数据格式均可；
- 支持自动解析响应数据，并根据响应状态码和解析结果返回对应的 Promise；
- 支持请求与响应的拦截器；
- 支持并发请求、取消请求等功能。
安装 promise-requester
可以使用 npm 安装 promise-requester，命令如下：
npm install promise-requester
使用 promise-requester 发送异步请求
发送 GET 请求
以下是使用 promise-requester 发送 GET 请求的代码示例：
-- -------------------- ---- -------
----- --------- - ----------------------------
---------------------------------------------------
-------------- -- -
------------------------------------------
--
------------ -- -
--------------------
--上述代码中，使用了请求的静态方法 requester.get() 来发送 GET 请求，并在请求成功后输出响应数据，如果请求失败则输出错误信息。
发送 POST 请求
以下是使用 promise-requester 发送 POST 请求的代码示例：
-- -------------------- ---- -------
----- --------- - ----------------------------
----- -------- - - ----- -------- ------ ------- -
--------------------------------------------- ---------
-------------- -- -
------------------------------------------
--
------------ -- -
--------------------
--上述代码中，使用了请求的静态方法 requester.post() 来发送 POST 请求，且传递了请求体 postData，其它方法功能类似。
发送自定义请求
以下是使用 promise-requester 发送自定义请求的代码示例：
-- -------------------- ---- -------
----- --------- - ----------------------------
----- ------- - -
------- ------
---- ------------------------------------
-
--------------------------
-------------- -- -
------------------------------------------
--
------------ -- -
--------------------
--上述代码中，使用了通用请求方法 requester.request()，并传递了请求选项 options 来发送自定义请求。在 options 中可以设置请求方法、地址、请求头、请求体等各种选项。
Promise 请求链式调用
由于 promise-requester 的请求方法都是返回 Promise 对象，因此可以进行 Promise 请求链式调用，如下所示：
-- -------------------- ---- -------
----- --------- - ----------------------------
---------------------------------------------------
-------------- -- -
--------------------------
------ --------------------------------------
--
-------------- -- -
----------------------------
--
------------ -- -
--------------------
--上述代码中，使用了请求的静态方法 requester.get() 发送 GET 请求，然后在请求成功后，以链式调用的方式发送了另一个 GET 请求，并输出了响应状态码。
拦截器
promise-requester 支持请求与响应的拦截器，可以在请求或响应发生时执行一个或多个拦截器函数。以下是一个简单的示例：
-- -------------------- ---- -------
----- --------- - ----------------------------
-- -------
-----------------------------------
------ -- -
-- ---------------
-------------------- ----------- ---
------ ------
--
----- -- -
--------------------
------ ---------------------
-
-
-- -------
------------------------------------
-------- -- -
-- ---------
--------------------- ----------- ---
------ --------
--
----- -- -
--------------------
------ ---------------------
-
-
-- ----
---------------------------------------------------
-------------- -- -
--------------------------
--
------------ -- -
--------------------
--上述代码中，使用了 requester.interceptors.request.use() 和 requester.interceptors.response.use() 方法来添加拦截器，它们的使用方式与 axios 相同。在请求发送前和响应返回后，拦截器将按顺序执行。
总结
promise-requester 是一个简单易用的异步请求工具库，它提供了各种 HTTP 请求方法和请求选项，支持 Promise 异步编程，提供了请求和响应拦截器等功能。使用它可以轻松发送异步请求，提高前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056bd781e8991b448e57bc