前言
在前端开发中，HTTP 请求是必不可少的一部分。我们通常使用 axios、fetch 等工具来处理请求，它们非常实用。但是，当我们有一些简单的请求需要发送时，我们不必依赖于这些工具。这时候，一个更轻量级的 HTTP 请求 npm 包 lighter-http 绝对是一个好的选择。
在本文中，我们将介绍 lighter-http 的使用方法，并通过几个实际例子来解释它的深度。
安装 lighter-http
你可以使用 npm 或 yarn 安装 lighter-http。
--- ------- ------------ - - ---- --- ------------
接着，我们就可以在项目中引入 lighter-http 了。
------ ---- ---- ---------------
发送 GET 请求
我们首先来看如何发送一次 GET 请求。假设我们要请求 https://jsonplaceholder.typicode.com/todos/1。我们可以这样：
------------------------------------------------------------------- -- - ----------------- -------------- -- - ------------------- ---
这里 get() 方法会返回一个 Promise，并且在请求成功或失败后会分别执行 .then() 和 .catch() 方法。
我们可以看到，这里的请求结果就被打印到了控制台。
发送 POST 请求
接下来，我们来看如何发送一次 POST 请求。假设我们要提交一个表单到 https://jsonplaceholder.typicode.com/posts。我们可以这样：
----- ---- - - ------ ------ ----- ------ ------- - -- ------------------------------------------------------- ---------------- -- - ----------------- -------------- -- - ------------------- ---
这里 post() 方法也会返回一个 Promise，且第二个参数 data 是我们要提交的数据。
发送 PUT 请求
我们还可以通过 put() 方法来发送 PUT 请求。这里，我们以修改一个已存在的数据为例：
----- ---- - - ------ ------ ----- ------ ------- - -- -------------------------------------------------------- ---------------- -- - ----------------- -------------- -- - ------------------- ---
这里 put() 方法需要传递两个参数：请求的 URL 和要更新的数据。
发送 DELETE 请求
最后，我们来看一下如何发送 DELETE 请求。这里我们以删除已存在的数据为例：
---------------------------------------------------------------------- -- - ----------------- -------------- -- - ------------------- ---
这里的 delete() 方法只需要传递请求的 URL 即可。
总结
在本文中，我们介绍了一个轻量级的 HTTP 请求 npm 包 lighter-http，并通过四个实际例子分别展示了如何发送 GET、POST、PUT 和 DELETE 请求。
相比于更加复杂的请求工具，lighter-http 更加轻便，但是还能够实现基本的 HTTP 请求功能。如果你的项目中只需要做一些简单的请求，那么使用 lighter-http 可能会更加方便。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005526b81e8991b448cfedd