怎麼阻止django中form頁面刷新後自動提交

這次帶給大家怎樣阻止django中form頁面刷新後自動提交，阻止django中form頁面刷新後自動提交的注意事項有哪些，以下就是實戰案例，一起來看一下。

如果一個頁麵包含了form，同時這個form中的提交按鈕是​​type=submit的input的時候，你刷新該頁面，就會有彈跳窗提示是否重新提交表單，這個特性不勝其煩，常見解決方法有兩個：

第一個是前端的解決方案：

      將input[type=submit]改成button.onclick (function(){ajax;})的方式來非同步提交form，這種方式不會有表單的彈跳問題。

第二種是後端的解決方案：

      將form.is_valid()之後的回傳碼由TemplateResponse改成HttpResponeRedirect(url)即可，這種方式不會傳回先前的form，而是回傳一個新的form頁面。也完美的規避了刷新表單彈跳窗的問題。

基於現在assetlibrary的開發進度，我準備採用第二種解決方案，這樣可以用最小限度的修改來達成目標。現在考慮到開發要趕工，所以很多地方程式碼都有重用，所以現在的表單是半異步的方式，即使以後form提交全面異步處理，我也留好了接口來更新。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

js怎麼實作橫向捲動與浮動導覽

Nodejs視圖與模型的開發

以上是怎麼阻止django中form頁面刷新後自動提交的詳細內容。更多資訊請關注PHP中文網其他相關文章！