在前端开发中，后端 API 接口调用是很常见的需求，而使用 restful API 接口可以更好地对接后端数据。restjs 是一个基于浏览器的 HTTP 客户端库，可以方便地实现发送和处理 restful API 请求。本文将详细介绍 restjs 的用法。
安装
通过 npm 安装
npm install restjs --save
通过 CDN 引用
<script src="https://unpkg.com/restjs/dist/restjs.min.js"></script>
使用方法
基本用法
restjs 中提供了四种最基本的 HTTP 请求方法：get，post，put，delete。可以像下面这样发送一个 GET 请求：
-- -------------------- ---- -------
------ ------ ---- ---------
------
------------------
---------------- -- -
---------------------------
--
-------------- -- -
-----------------------------
---上述代码中，我们通过调用 restjs 的 get 方法来发送一个 GET 请求，并在 then 回调中输出返回的数据。如果请求出现错误，我们则通过 catch 回调来处理错误。
类似地，我们可以使用 post、put 和 delete 方法来发送 POST、PUT 和 DELETE 请求。
带参数请求
restjs 可以方便地处理带参数的请求。例如，我们要查询 id 为 1 的文章，可以像下面这样发送一个 GET 请求：
restjs
.get('/api/posts/1')
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.error(error.message);
});上述代码中，我们在 URL 中指定了文章的 id，restjs 会将其解析并发送带参数的请求。如果需要发送带查询字符串的请求，可以使用 params 参数：
-- -------------------- ---- -------
------
------------------ -
------- -
------- -----
---- -------
----- --
------ --
-
--
---------------- -- -
---------------------------
--
-------------- -- -
-----------------------------
---上述代码中，我们使用 params 参数来指定查询字符串的参数，可以方便地处理查询参数的拼接。
请求头处理
restjs 可以方便地处理自定义请求头。例如，我们要发送一个自定义请求头的 POST 请求：
-- -------------------- ---- -------
------
------------------- -
------ ------
-------- ------
-- -
-------- -
---------------- ------- ----
-
--
---------------- -- -
---------------------------
--
-------------- -- -
-----------------------------
---上述代码中，我们使用了 headers 参数来指定自定义请求头。可以根据实际情况设置请求头内容。
请求体处理
restjs 可以方便地处理请求体参数。例如，我们要发送一个 POST 请求并携带请求体数据：
-- -------------------- ---- -------
------
------------------- -
------ ------
-------- ------
--
---------------- -- -
---------------------------
--
-------------- -- -
-----------------------------
---上述代码中，我们将请求体数据作为第二个参数传递给 post 方法即可。对于其他 HTTP 方法也是类似的操作。
错误处理
restjs 提供了完善的错误处理机制，可以捕获请求过程中的各种错误。例如，我们可以通过 catch 回调捕获请求错误：
restjs
.get('/api/posts/abc')
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.error(error.message);
});上述代码中，我们故意将 id 设置为非数字，会导致请求失败，restjs 会捕获到错误并通过 catch 回调输出错误信息。
总结
以上就是 restjs 的用法。使用 restjs 可以方便地发送和处理 restful API 请求，并提供了完善的错误处理机制，适合各种规模的项目使用。希望读者可以通过本文了解到 restjs 的基本用法，进一步掌握 restful API 开发技能。
示例代码：
-- -------------------- ---- -------
------- -----------------------------------------------------------
--------
------
------------------
---------------- -- -
---------------------------
--
-------------- -- -
-----------------------------
---
---------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eeda9efb5cbfe1ea06102e3