Form表单中的button导致页面刷新而无法进入Ajax请求回调函数
2018-03-09 11:17
465 查看
<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"属性,搞定!其他浏览器没试过
相关文章推荐
- form表单底下 button自动提交表单,导致页面刷新
- 点击button按钮后页面刷新,无法正常显示ajax提示信息
- layer弹窗iframe页面,关闭弹窗方法导致form表单无法提交到服务器
- 【JQuery easyui】 $.modalDialog 内嵌的页面form表单发起ajax请求处理
- 点击form表单中的button会触发页面刷新
- layer弹窗iframe页面,关闭弹窗方法导致form表单无法提交到服务器
- ajax提交表单碰到页面刷新和发送两次请求的问题
- Ajax提交Form表单页面仍会刷新问题
- button放在form表单导致点击按钮触发的ajax报错问题
- 刷新页面时无法自动执行AJAX请求的解决办法
- IE8,9下,无法刷新页面数据,Ajax发送请求返回码304
- ajax提交form表单后页面自动刷新
- SpringBind对象到页面时,用ajax提交form表单内容,后台无法获取绑定对象问题
- Ajax提交Form表单页面仍会刷新问题的快速解决办法
- Form表单上传大文件,无法进入后台Action,页面提示404.
- Java ajax servlet 无法接收到 jsp 以post提交的 form 表单信息 可能的解决方案(都是工具惹得祸!)
- 使用jquery.form.js 进行表单提交,通过回调函数实现页面互动功能。
- 使用Django Form解决表单数据无法动态刷新的两种方法
- ajax成功执行回调函数后会自动刷新本页面的情况之一
- 关于ajax请求后台接口无法进行页面跳转的问题