通过lay-filter给layui的按钮绑定监听事件
Posted 杀手不太冷！
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了通过lay-filter给layui的按钮绑定监听事件相关的知识，希望对你有一定的参考价值。
通过lay-filter给layui的按钮绑定监听事件
在刚开始使用layui的时候，我不知道如何去给他的按钮绑定一个事件，在这个过程中遇到了很多坑，后来我仿照前人的经验，终于让我找到了一个方法，也就是需要把按钮放到表单form里面，然后给这个按钮加上一个lay-filter属性，最后监听form表单里的事件，因为按钮在表单里面，所以只要我们监听表单元素，当我们点击按钮的时候都可以监听到。注意按钮不仅要加lay-filter标签，还需要加上lay-submit表单，如下图：
后端接收数据如下图：
表单form的数据是怎么传递的呢？必须要给每一个input标签指定name值，然后form表达的数据是通过json字符串的形式name1:value1,name2:value2,…的形式传递过去的，如下图：
去控制台看一下data参数里面输出的信息，如下图：
通过绑定的监听事件发送ajax请求，如下图：
前端传递给后端的数据格式如下图：
后端项目代码接收参数如下图：
创作打卡挑战赛
赢取流量/现金/CSDN周边激励大奖
以上是关于通过lay-filter给layui的按钮绑定监听事件的主要内容，如果未能解决你的问题，请参考以下文章