今天很坑爹，週六一大早加班開始碼**，本來想做資料加密測試，於是乎用tp框架搭建了乙個應用環境，二話不說，開始碼碼。
但，今天一大早就栽坑！直到同事喊吃飯還在坑里出不來！吃完飯繼續碼，最後碼的我想哭o(╥﹏╥)o
我發現，只要是我在加上了標籤，我的button繫結的ajax就提交失敗，我的button明明沒有標記「type=submit」為毛感覺每次ajax提交失敗，但頁面卻莫名奇妙的被重新整理！！！
毀三觀場面描述如下：
去掉form，點選button，ajax提交成功，順利執行了ajax**；
加上form，點選button，ajax阻塞無返回狀態，頁面自動重新整理，但檢視後台資料提交成功！
綜上，我分析得出結論：
加上form後，進行了表單級提交，重新整理了整頁面！
而ajax是非同步的，所以，後台無法再路由到已被重新整理推進history的歷史頁面，更無法找到**，所以看到資料被後台儲存，而ajax一直是阻塞。
唯一的罪魁禍首就是button了,點選button時肯定觸發了form表單的預設提交操作，即使action=""還是會重新整理整頁面
基於上述分析推論，我給button加上了型別控制，再次儲存，執行，一切ok！
新增一條人員資訊姓名工號
type="button" id="btn_add_staff" >提交
事實證明，form表單裡的button預設的是submit型別，雖然沒有在api裡看到，但驗證過程證實了這一點，為什麼之前一直沒有發現呢？
因為之前的我，那個小心謹慎保守的，一直用的input，這次本想用下button，好靠近h5的腳步，沒想到這第一步就踩雷了！o(╥﹏╥)o
記錄，分享，讓技術更美好~ღ( ´･ᴗ･` )比心
button 預設型別是submit
form表單裡的按鈕，明明是button而不是input type submit，點選還是提交，如何讓它不提交？這個問題被我遇到了，很坑爹的，知道了就不以為然了。因為 button 預設型別是submit，所以如果想讓不提交，顯示的指定型別，type button 就解決了。button預設是sub...
點選表單中的button標籤提交表單問題的解決辦法
最近在公司寫後台業務的時候發現，標籤放到了表單中，點選這個button變成了提交，相當於。點選的話相當於請求了一次但是我們並不需要重新請求，我們需要將標籤的請求取消 function1 function2 script head action onclick function1 return fal...
去除表單元素的預設樣式
禁用表單input select元素的預設外觀 禁用 select 預設下拉箭頭 ms expand 適用於表單選擇控制項下拉箭頭的修改，有多個屬性值，設定它隱藏 display none 並使用背景來修飾可得到我們想要的效果。select ms expand ms check 適用於表單核取方塊或...