簡單來說我有一個form表單,添加用戶,截圖如下:
submit函數發起axios請求:
但是卻沒有執行then里面的代碼,雖然數據添加成功了。查找之后發現原因:
axios是一個異步請求,from表單提交之后頁面會刷新,會導致請求進程丟失,所以then里面的代碼自然也不會執行了。fetch也是同理。
所以只需要讓頁面不刷新即可,兩種解決方法:
1.將form替換成div,這個比較好理解,不用form表單直接。
2.阻止form刷新頁面,即阻止form表單的默認行為。如果想使用form的空白檢測的話。