【接口工具ApiPost】响应结果可视化定义使用（展示给客户和老

使用过程如下：
模板语法
响应数据变量
可视化方法

模板语法（javascript语言编写）

let template=` 
<h1>{{title}}</h1>
<table>
<tr>
   <td>Msg</td>
   <td>token</td>
</tr>
<tr>
    <td>{{json.msg}}</td>
    <td>{{json.data.token}}</td>
</tr>

</table>` // 定义展示模板

apt.Visualizing(template, {title:"可视化演示", json:response.json}) // 传入展示数据并可视化展示。其中 response.json的意思是返回的json，具体可以下文。

image.png

响应数据

{
    "code": 10000,
    "msg": "success",
    "data": {
        "token": "41183bf5e4bbcaf57f02bc6f2c3aa812"
    }
}

可视化方法

apt.Visualizing(template, {title:"可视化演示", json:response.json})

定义效果如下图：

image.png

结果如下图：

image.png
笔者觉得就是给领导和客户的，把数据搞好看一些。对开发而言json其实也足够了。如果是对接领导和客户多写几行代码把数据做漂亮也体现出专业是不错选择哈！