欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-07 20:33:32
...
这次给大家带来怎样阻止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提交全面异步处理,我也留好了接口更新

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

js怎样实现横向滚动与浮动导航

Nodejs视图与模型的开发

以上就是怎样阻止django中form页面刷新后自动提交的详细内容,更多请关注其它相关文章!