一次ajax請求致使status爲canceled的緣由小記

偶然碰到一個小Bug

ajax請求執行後返回了一個canceled(狀態碼)

可是後臺卻接受了參數而且執行成功0。0

剛看到這個狀態的時候是一臉懵逼的、、、、

以前並沒見過這樣的狀態碼

通過參數確認而且再三確認

並無發現什麼異常、、、、

後來發現Url在請求的時候被莫名其妙的帶上了些參數

通過檢查html代碼發現莫名其妙的出現了一個from標籤

而個人提交按鈕絕然仍是個submit！！

沒錯，我在給人家擦屁股

緣由

究其緣由

僅僅是由於from action事件與綁定與submit按鈕上的click事件同時觸發。

from action將表單內容以參數的形式追加到了url的末尾

而url變動則會致使頁面從新加載

而這偏偏就是致使post請求在執行後就當即被終止的罪魁禍首！！

小結

1.在URL變動後，會對當前正在執行的ajax進求進行停止操做

2.在使用到ajax的時候，儘可能不要在form內使用submit進行提交