layui中使用button導致ajax回調函數失效,button寫在form表單中導致的問題

問題描述:

這是一個我兩年前無意遇到過,今天又碰到的一個問題,必須記錄一下。

最近自己寫了一些小項目,所以前端的東西也是歸我一個人做了,框架用的layui,在一個做發送驗證碼的功能的時候,發現點擊發送驗證碼可以發送成功,但是成功後就是不走我的回調函數,不管我函數裏面是console打印還是alert彈出,但偶爾回彈出我回調函數中的alert,但是也只是一閃而過,前端debugger斷點也不進。真的是毫無頭緒。

終於我想到會不會是因爲button的原因,後來換成a標籤再試試發現就可以了。後來終於發現是因爲我把button寫在了form表單裏面,而button又會引起form表單自動提交,所以回調一直看不到效果,也是導致回調函數裏面的alert一閃而過的原因。這個問題兩年前遇到過而且印象深刻,結果兩年後的今天碰到了還真就沒想起來。而解決方案也很簡單,給button添加屬性type="button"即可,總而言之,好記性不如爛筆頭。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章