ajax请求导致status为canceled的原因
生活随笔
收集整理的這篇文章主要介紹了
ajax请求导致status为canceled的原因
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在使用layui的form表單提交以后,請求狀態總是canceled。后來在form表單的后面添加了一行代碼: return false; 就可以了。
文檔:https://www.layui.com/doc/modules/form.html#onsubmit
錯誤:
解決方法:
總結一下:
1.在URL變更后,會對當前正在執行的ajax進求進行中止操作。中止后該請求的狀態碼將為canceled
2.在使用到ajax的時候,盡量不要在form內使用button進行提交。表單提交時用的是自定義的button 調用ajax 和form表單中的屬性action沖突,解決:去掉form標簽只用button或者去掉button只用form。
3.ajax請求默認是異步的。把請求改成同步的就行了。解決:設置如下參數:async: false
4.return false主要是阻止頁面跳轉,并提交數據。如果去掉了,雖然同樣會進行數據提交【前提是你有進行ajax操作】,但是會進行頁面的刷新。
5.ajax嵌在form里提交,然后form的提交先于ajax,導致ajax的請求沒有成功,狀態為canceled。解決:在ajax完成后加一個return false;取消了form提交。
總結
以上是生活随笔為你收集整理的ajax请求导致status为canceled的原因的全部內容,希望文章能夠幫你解決所遇到的問題。