Form表单中的button导致页面刷新而无法进入Ajax请求回调函数

<button class="layui-btn layui-btn-normal" type="button" onclick="openUserList()">
      <i class="layui-icon">添加成员</i>
</button>

这个按钮是用来打开一个Ajax方法的,结果发现每次点击后能进入后台,但是在前端success回调函数中怎么也进不来。Oh my God!好简单的功能,枉我还是十几年的软件工作者。我纠结了好久(大概三秒钟……烦躁中连续点击按钮,看看手速如何@|@)连续点击的时候忽然发现页面被刷新了!被刷新了!!刷新了!!!

这个button是写在form中的,拿到form外发现不刷新,顺利在前台取到数据。ok!问题找到:

我用的是firefox浏览器,button写在form中默认类型是“submit”!懂了么,少年?那么怎么搞呢?直接增加type="button"属性,搞定!其他浏览器没试过

猜你喜欢

转载自my.oschina.net/u/3658506/blog/1632155