介绍
XHRequest 是一款基于原生 JavaScript 封装的 AJAX 请求库，其核心功能是封装了浏览器的 XMLHttpRequest 对象，使 AJAX 请求更简单、更易用。使用 XHRequest，你可以方便地发送异步请求、处理响应数据以及实现各种数据交互功能。
安装
你可以在 npm 上通过以下命令安装 XHRequest：
npm install xhrequest
使用
引入
引入 XHRequest：
// ES6
import XHRequest from 'xhrequest';
// CommonJS
const XHRequest = require('xhrequest');发送请求
使用 XHRequest 发送 GET、POST 等请求非常简单，只需传入请求的 URL 和一些请求参数即可：
-- -------------------- ---- -------
-- -- --- --
----- ------- - --- ------------
------------------------ - ----- -- ------ -- --
-------------- -- -
----------------------
--
------------ -- -
-------------------
---
-- -- ---- --
----- ------- - --- ------------
------------------------- - ----- ----- ---- -- --
-------------- -- -
----------------------
--
------------ -- -
-------------------
---处理响应
使用 XHRequest 发送请求后，可以处理响应数据。XHRequest 的返回值是一个 Promise 对象，可以使用 Promise 的 then 和 catch 方法分别处理请求成功和失败的情况：
const request = new XHRequest();
request.get('/api/data', { page: 1, limit: 10 })
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});响应数据可以通过 response 参数获取，包含响应状态、响应头和响应体等信息，具体可以参考 XMLHttpRequest.getResponseHeader() 和 XMLHttpRequest.responseText。
拦截器
XHRequest 支持请求拦截器和响应拦截器，你可以在请求和响应过程中进行一些全局的操作，例如在请求头中添加认证信息、异常处理等：
-- -------------------- ---- -------
----- ------- - --- ------------
-- -----
--------------------------------------- -- -
-- -----------
------------------------------- - ------- -------
------ -------
-- ----- -- -
------ ----------------------
---
-- -----
------------------------------------------ -- -
-- ----------
-- ------------------------------- --- --- -
------ ------------------ --------------------
-
------ ---------
-- ----- -- -
------ ----------------------
---
------------------------ - ----- -- ------ -- --
-------------- -- -
----------------------
--
------------ -- -
-------------------
---配置选项
XHRequest 可以配置一些选项，例如请求超时时间、数据格式等：
-- -------------------- ---- -------
----- ------- - --- -----------
-------- ----- -- ------
------------- ------- -- ------
---
-- -- --- --
------------------------ - ----- -- ------ -- --
-------------- -- -
----------------------
--
------------ -- -
-------------------
---总结
XHRequest 是一款简单易用、强大稳定的 AJAX 请求库，可以极大地便利前端开发中数据交互的实现。使用 XHRequest，你可以更加专注于业务逻辑的实现，减少不必要的请求处理，从而提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/78156