在前端开发中，HTTP 请求是非常常见的需求。为了方便处理这类请求，有很多 HTTP 库被开发出来。其中一个比较常用的是 ajaxmicro。
介绍
ajaxmicro 是一个轻量级的 HTTP 库。它具有以下特点：
- 支持 Promise 和 async/await 语法。
- 自动解析 JSON 响应数据。
- 支持请求头和请求参数配置。
- 支持拦截器，便于处理公共逻辑。
安装
使用 npm 安装：
npm install ajaxmicro
示例
以下是 ajaxmicro 的示例代码：
-- -------------------- ---- ------- ------ -- ---- ------------ ------------------------------------------------------ --------- -- ----------------- ---------- -- -------------------- ----------------------------------------------------- - ------ ------ ----- ------ ------- -- -- --------- -- ----------------- ---------- -- --------------------
在上面的代码中，我们使用了 ajaxmicro 的 get 和 post 方法。这两个方法分别发送 GET 和 POST 请求。在请求中，我们向 JSONPlaceholder 发送了一些请求，并在控制台中打印了响应。
使用
ajaxmicro 的使用非常简单。它的 API 很容易理解。
Get 请求
发送 GET 请求：
ax.get('/users?ID=12345')
.then(res => console.log(res))
.catch(err => console.error(err));还可以使用 async/await 语法：
async function getUsers() {
try {
const res = await ax.get('/users');
console.log(res);
} catch (err) {
console.error(err);
}
}POST 请求
发送 POST 请求：
ax.post('/users', {
firstName: 'John',
lastName: 'Doe'
})
.then(res => console.log(res))
.catch(err => console.error(err));PUT 请求
发送 PUT 请求：
ax.put('/users/12345', {
firstName: 'John',
lastName: 'Doe'
})
.then(res => console.log(res))
.catch(err => console.error(err));DELETE 请求
发送 DELETE 请求：
ax.delete('/users/12345')
.then(res => console.log(res))
.catch(err => console.error(err));自定义请求头
自定义请求头：
ax.get('/users', {
headers: {
'Authorization': 'Bearer my-token',
'Custom-Header': 'foo'
}
})
.then(res => console.log(res))
.catch(err => console.error(err));拦截器
使用拦截器：
-- -------------------- ---- ------- ---------------------------------- -- - ----------------------- -------- ------ ------- --- ------------------------------------- -- - ------------------------ ---------- ------ --------- ---
在上面的代码中，我们为请求和响应设置了拦截器。发送请求时，我们可以看到请求和响应的内容输出到了控制台。
以上是 ajaxmicro 的基本使用方法。如果你想深入学习，可以看一下官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005607a81e8991b448dea9b