在前端开发中，经常需要将页面的某些操作与后台逻辑进行交互。而 zinky-callaction 是一个可以帮助我们轻松实现这一操作的 npm 包。
首先，什么是 zinky-callaction ？
zinky-callaction 是一个轻量级的 npm 包，可用于快速实现前端与后台接口交互。通过对请求传递的参数进行解析和分离，zinky-callaction 可以方便地将前端页面的操作与后台逻辑相连接，从而实现业务逻辑的处理和交互。
如何使用 zinky-callaction？
安装
在使用 zinky-callaction 之前，首先需要在项目中安装该包。使用以下命令进行安装：
npm install zinky-callaction --save
引入
在需要使用 zinky-callaction 的文件中引入该包。例如，在 index.js 文件中引入：
const zinkyCallAction = require('zinky-callaction');使用
使用 zinky-callaction 可以分为以下几个步骤：
1. 初始化
首先，需要通过调用 zinkyCallAction 的 init 方法来初始化：
zinkyCallAction.init({
baseUrl: '/api',
requestDataType: 'form',
responseDataType: 'json',
successCode: '00000',
});init 方法接受一个对象作为参数，其中包含了请求的一些配置信息：
- baseUrl: 接口请求的基础地址。
- requestDataType: 请求的数据格式，目前支持两种格式：form 和 json。
- responseDataType: 响应的数据格式，目前支持两种格式：text 和 json。
- successCode: 对于后台返回的成功状态码的定义，如果服务器定义的成功状态码不是 00000，需要在这里进行定义。
2. 编写接口方法
接着，需要编写一个调用接口的方法。方法的名称、请求方式、请求参数以及响应数据的处理方式都需要在该方法中进行定义。
例如，编写一个查询用户信息的接口方法：
-- -------------------- ---- -------
-------- ------------------- -
------ ----------------------------
---- --------------------
------- -------
----- -
-------
--
-------- ----- -- -
-----------------
--
------ ----- -- -
-----------------
--
---
-该方法接受一个用户 id 作为参数。zinky-callaction 的 callAction 方法用于调用接口，并接受一个对象作为参数，其中包含了接口请求的相关信息：
- url: 接口地址，需要以 / 开头。
- method: 接口请求的方式，可以为 get、post、put、delete。
- data: 接口请求的参数。如果 requestDataType 为 form，则参数需要以对象形式传递。如果 requestDataType 为 json，则参数需要以 JSON 字符串形式传递。
- success: 接口请求成功后的回调函数。
- error: 接口请求失败后的回调函数。
在上述方法中，成功的返回值会在成功回调函数中被打印。
3. 调用接口方法
最后，需要在需要调用接口的地方，调用上述定义的方法。例如，在点击按钮时查询用户信息：
document.querySelector('#getUserInfo').addEventListener('click', () => {
getUserInfo('123');
});示例代码
最终的示例代码如下：
-- -------------------- ---- -------
----- --------------- - ----------------------------
----------------------
-------- -------
---------------- -------
----------------- -------
------------ --------
---
-------- ------------------- -
------ ----------------------------
---- --------------------
------- -------
----- -
-------
--
-------- ----- -- -
-----------------
--
------ ----- -- -
-----------------
--
---
-
---------------------------------------------------------------- -- -- -
-------------------
---总结
通过 zinky-callaction，我们可以方便地实现前端页面与后台接口的交互，从而实现业务逻辑的处理和交互。同时，使用该包可以让我们的代码更加简洁明了。使用 zinky-callaction，我们可以避免编写重复、冗余的代码，提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cf581e8991b448e6ae6