提问 发文

点击按钮手动触发送接口请求

当前平台触发接口请求的方式一般分为以下几种:

1、开场调用一次:这种直接在组件上添加API接口的数据源即可。

2、数据驱动接口参数:在组件的API接口的路径、参数、Body、Header等各处都可以使用回调,当回调改变时,会自动重新发起这个请求。(这种方法只有回调改变时才会发起请求,回调值不改变就不重复发起)

3、用户手动触发接口请求:这种情况正是本文讨论的范畴。


一、主要思想

主要思想是使用自定义事件驱动接口请求。借用了组件从隐藏到显示时,会重新发起该组件的API接口请求。所以可以用自定义事件触发某个组件从隐藏到显示(可以是数据容器),触发一次请求,这个请求完成后,又隐藏那个组件(完成闭环),这样就能手动触发,并且可以重复触发接口请求。可以在搜索的应用场景中使用,输入关键字之后,点击搜索,就能从接口里拿到根据当前关键字搜出来的结果。


二、操作流程

第一步,【搜索框】用于输入文字消息,并且配置了一个失焦回调,回调名是msg。

图片

第二步,【数据容器】的数据源是一个发送消息的API接口(现在是一个虚拟的接口),它有一个query参数msg,给它传入了回调msg的值(同名)。

图片

第三步,默认【数据容器】隐藏,所以【搜索框】无论如何都不会触发接口请求。

图片

第四步,【标题】上配置一个“鼠标点击显示数据容器组件”的自定义事件。点击标题组件后,显示了数据容器组件,数据容器组件显示后,触发自身的数据源请求,调用发送消息的接口,并且用当前msg回调的值作为入参。

图片

第五步,【数据容器】上配置“当数据请求完毕时隐藏自身”的自定义事件。这样再次点击标题组件,会再次把数据容器组件显示出来,重复上一段文字叙述的过程。从而实现重复发起请求。

图片

该配置demo可点此获取

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群