用 XHR-Fetch-Lib 简化 XHR 请求

前端

2023-10-24 05:38:21

XHR-Fetch-Lib：让 XHR 请求变得轻而易举

前言

作为一名现代化开发人员，您不可避免地会遇到向后端发送 HTTP 请求的需求。原生 XHR 对象虽然强大，但其使用起来却笨拙且容易出错。这就是 XHR-Fetch-Lib 闪耀登场的地方。

这个精巧的库使 XHR 请求变得轻而易举，为您提供一个简单易用的界面，同时又不牺牲灵活性。

功能概览

XHR-Fetch-Lib 提供了一系列经过深思熟虑的功能，可显著简化您的开发流程：

简单直观的语法： 使用与 fetch API 相似的直观语法，您可以轻松发送 GET、POST、PUT、DELETE 和文件上传请求。
自动 JSON 转换： 对于 JSON 响应，该库会自动将它们解析为 JavaScript 对象，让您可以轻松访问数据。
强大的错误处理： 您可以轻松地处理请求失败，并通过代码查看错误消息。
进度跟踪： 对于文件上传请求，您可以跟踪上传进度，让用户了解文件的上传状态。

入门

要开始使用 XHR-Fetch-Lib，只需在您的项目中安装它：

npm install xhr-fetch-lib

然后，您可以导入该库并开始使用它的方法：

import { fetch } from 'xhr-fetch-lib';

// GET 请求
fetch('https://example.com/api/users').then(res => res.json());

// POST 请求
fetch('https://example.com/api/users', {
  method: 'POST',
  body: JSON.stringify({ name: 'John Doe' }),
}).then(res => res.json());