在前端开发中，我们经常需要向后端发送请求并获取数据。最常见的方法是使用 AJAX，但 AJAX 代码长且繁琐，而且容易出错。为了简化这个过程，我们可以使用一些第三方库，如 axios 和 jquery.ajax。今天我们要介绍的是一个新的库：teeny-request。
teeny-request 简介
teeny-request 是一个极简的 HTTP 请求库，使用 Promise 封装了 XMLHttpRequest。它支持所有主要的请求方法（GET、POST、PUT 和 DELETE）以及文件上传。
teeny-request 的 API 简单明了，用起来非常方便。与其他库相比，teeny-request 代码体积更小，只有 1 KB（Gzip 压缩后只有几百字节），适合用于小型项目或者要求前端代码尽量精简的项目。
安装和使用
teeny-request 可以通过 npm 安装。
npm install teeny-request
然后在项目中引入 teeny-request。
import request from 'teeny-request';
然后就可以使用 teeny-request 发送请求了。下面是一个例子：
request('https://api.github.com/repos/roccomuso/teeny-request/releases')
.then(res => {
console.log(res);
})
.catch(err => {
console.error(err);
});这将向 GitHub API 发送一个 GET 请求，并输出响应数据（发布历史记录）。
teeny-request 也支持 POST、PUT 和 DELETE 请求，以及文件上传。下面是一个使用 POST 方法的例子：
-- -------------------- ---- -------
---------
---- ---------------------------------------------
------- -------
----- -
------ ------
----- ------
------- --
--
--
--------- -- -
-----------------
--
---------- -- -
-------------------
---以上代码将向 JSONPlaceholder 发送一个 POST 请求，并提交 JSON 数据。
teeny-request 还支持设置请求头、超时时间、响应数据类型等高级功能。详情请查阅官方文档。
总结
teeny-request 是一个小而美的库，可以帮助我们在前端项目中轻松地发送 HTTP 请求。它代码简洁、易用，并支持常用的请求方法和文件上传功能。如果你正在寻找一个轻量、易用的 HTTP 请求库，那么 teeny-request 绝对是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/teeny-request