npm 包 herm-js-network 使用教程

阅读时长 5 分钟读完

简介

在前端开发中,网络请求是不可避免的。而npm 包 herm-js-network 是一个JavaScript网络请求库,它能让我们在前端开发中进行API请求,并在HTTP请求过程中自动检测HTTP错误、CSRF攻击和重试等,并且支持Promise和异步/同步请求。

本篇文章将详细介绍 npm 包 herm-js-network 的使用方法,帮助开发者更好地了解和使用它。

安装

使用 npm 安装 herm-js-network:

实现

网络请求:

-- -------------------- ---- -------
------ ------- ---- -----------------

--- ------- - --- ---------
---------------------------------
  --------------
  ---------
  ---------------- -- -
    --------------------------
  --
  ------------ -- -
    ----------------
  --

这段代码会对 http://example.com 进行 GET 请求,并设置请求的超时时间为3秒,最大重试次数为3次(最多请求4次),并在请求成功后将响应主体打印到控制台上,请求失败则打印错误信息。

配置

可以通过如下方式设置默认配置:

-- -------------------- ---- -------
------ ------- ---- -----------------

--- ------- - --- ---------
  -------- ---------------------
  -------- -
    ------------------- -----------------
    --------------- ------------------
  --
  ------- ------
  -------- -----
  ------ --
  ----------- ----
--

事件

在请求过程中可监听事件,如下:

-- -------------------- ---- -------
--------------------- --------- -- -
  ------------------------------ ----------------
--

---------------------- ---------- -- -
  --------------------------
--

--------------------- --------- -- -
  -----------------------
--

------------------- ----- -- -
  ----------------
--

其中,'request' 事件会在发送请求前被触发,'response' 事件会在接收到响应后被触发,'timeout' 事件会在超时后被触发,'error' 事件则在出现错误时被触发。

请求方式

其中,get、delete、head、options 请求修改 URL 附带参数,post、put、patch 则修改 URL 附带数据,使用范例:

-- -------------------- ---- -------
-------------------- -
  --- --
  --- -
--

--------------------- -
  ----- ---------
  ----- --------
--

请求选项

请求选项是一个 JavaScript 对象,可以通过 .ok() 方法自定义,如下:

-- -------------------- ---- -------
------ ------- ---- -----------------
------ ----- ---- ---------------

--- ------- - --- ---------
  -------- -----
  ------ --
  -------- -
    ------------------- -----------------
    --------------- ------------------
  -
--

----- ------- - -------
  -------------
  ---------
    --- -----
    --- ----
  --
  ------------- -- -
    ----- ----- - --- -------
    ------------------------
    ------ --------
    ----------- - ----------------
    ------ -------
  --

上面的代码执行后会发送一个GET请求,包含了自己的一些参数,然后在发送请求前会触发'ok'事件,使用herm-js-query库对URL参数进行解析,并删除其中的'q2'参数。

总结

本篇文章中,我们介绍了如何在前端开发中使用npm 包 herm-js-network 进行网络请求。通过它我们可以轻松地实现前端与后端API接口的交互。希望读者们在日常工作中,能够深入学习并使用herm-js-network,并在项目中快速而愉快地进行API请求。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60065f90238a385564ab6f81

纠错
反馈