Form表单中的button导致页面刷新而无法进入Ajax请求回调函数
生活随笔
收集整理的這篇文章主要介紹了
Form表单中的button导致页面刷新而无法进入Ajax请求回调函数
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
<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"屬性,搞定!其他瀏覽器沒試過
轉載于:https://my.oschina.net/u/3658506/blog/1632155
總結
以上是生活随笔為你收集整理的Form表单中的button导致页面刷新而无法进入Ajax请求回调函数的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Angular2.x-主/细节组件
- 下一篇: emWin 2天速成实例教程002_多个