Rumah > hujung hadapan web > tutorial js > 怎样阻止django中form页面刷新后自动提交

怎样阻止django中form页面刷新后自动提交

php中世界最好的语言
Lepaskan: 2018-03-16 15:22:46
asal
3269 orang telah melayarinya

这次给大家带来怎样阻止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视图与模型的开发

Atas ialah kandungan terperinci 怎样阻止django中form页面刷新后自动提交. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan