怎样阻止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提交全面异步处理,我也留好了接口来更新。
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是怎样阻止django中form页面刷新后自动提交的详细内容,更多请关注其它相关文章!
上一篇: php之crc32踩坑解决
下一篇: 如何解决php odbc 字符乱码问题