[html] From表單提交時為什么會刷新頁面？怎么預防刷新？

因為早期網頁交互模型只能是瀏覽器提交數據給服務器，服務器做出響應重新返回一個頁面，瀏覽器加載這個頁面進行顯示。早期前端沒有編程式發送網絡請求的 API，更沒有前端路由管理的概念，所以表單提交跳轉頁面是廣泛接受的方案。不想刷新可以使用 JS 攔截 form 的 onsubmit 事件，阻止掉瀏覽器的默認行為，然后用 ajax/fetch 和后臺交互。另一個偏方是使用 iframe 作為 form 的 target，不過 JS 處理方面不如讓瀏覽器別管自己全手動發請求來得簡單。

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的[html] From表单提交时为什么会刷新页面？怎么预防刷新？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。