首页  >  文章  >  web前端  >  怎样阻止django中form页面刷新后自动提交

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

php中世界最好的语言
php中世界最好的语言原创
2018-03-16 15:22:463230浏览

这次给大家带来怎样阻止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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn