layui点击按钮自动刷新页面问题

2024-08-27 23:51:07

问题

<button class="layui-btn layui-btn-primary" onclick="findData()">查询</button>

点击页面上的按钮，执行完button的click事件后，会自动的重新刷新一下当前的页面。

原因

button,input type=button按钮在IE和w3c，firefox浏览器区别：

当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。
但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。

解决方案

将button标签更换为input

<input class="layui-btn layui-btn-primary" value="查询" onclick="findData()"></input>

为button按钮增加一个type=”button”属性

<button type="button" class="layui-btn layui-btn-primary" onclick="findData()">查询</button>

最新文章

热门文章