怎样阻止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提交全面异步处理,我也留好了接口来更新。

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

推荐阅读:

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

Nodejs视图与模型的开发

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2781877.html

(0)
上一篇 2025年3月8日 16:24:01
下一篇 2025年2月18日 03:54:12

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 清除浮动对页面带来的影响有几种方法

    这次给大家带来清除浮动对页面带来的影响有几种方法,清除浮动的注意事项有哪些,下面就是实战案例,一起来看一下。   这是css里面一个比较常见的操作,现在稍微小小地总结一下,虽然没什么技术含量,但也可以作为一种复习。   1,给父级元素添加o…

    2025年3月8日
    200
  • vue上传图片到数据库并显示到页面

    本文主要和大家介绍了vue实现的上传图片到数据库并显示到页面功能,结合实例形式分析了基于vue.js的数据库操作及页面图片显示相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。 1、点击上传图片,弹出选择图片选项框。 页面代码: 上传图…

    编程技术 2025年3月8日
    200
  • Reactive Form的自定义验证器

    这次给大家带来Reactive Form的自定义验证器,使用Reactive Form的自定义验证器的注意事项有哪些,下面就是实战案例,一起来看一下。 本文将介绍Angular(Angular2+)中Reactive Form的有关内容,包…

    编程技术 2025年3月8日
    200
  • 观察者模式改变页面金额数的

    这次给大家带来观察者模式改变页面金额数的,观察者模式改变页面金额数的的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例讲述了JS设计模式之观察者模式实现实时改变页面中金额数的方法。分享给大家供大家参考,具体如下: 观察者设计模式概…

    编程技术 2025年3月8日
    200
  • 常用的js页面跳转代码

    一般来说页面的跳转可以通过a标签来进行,但是在某些情况下页面只是写了button或者其他的标签,这时我们就需要通过其他方式来实现页面的跳转。本文主要和大家分享常用的js页面跳转代码,希望能帮助到大家。 解决方案:     方式一:Locat…

    编程技术 2025年3月8日
    200
  • Vue用下表修改数组时页面不渲染如何处理

    这次给大家带来Vue用下表修改数组时页面不渲染如何处理,解决Vue用下表修改数组时页面不渲染的注意事项有哪些,下面就是实战案例,一起来看一下。 需要注意的是,Vue之所以能够监听Model状态的变化,是因为JavaScript语言本身提供了…

    2025年3月8日
    200
  • Vue修改数组时页面不渲染如何处理

    这次给大家带来Vue修改数组时页面不渲染如何处理,处理Vue修改数组时页面不渲染的注意事项有哪些,下面就是实战案例,一起来看一下。 需要注意的是,Vue之所以能够监听Model状态的变化,是因为JavaScript语言本身提供了Proxy或…

    2025年3月8日
    200
  • 怎么用正则实现页面表单的验证码

    这次给大家带来怎么用正则实现页面表单的验证码,用正则实现页面表单的验证码的注意事项有哪些,下面就是实战案例,一起来看一下。 一般做到注册页面的时候,当用户填完信息,都需要对他们的信息进行验证,这就要用到正则表达式,具体看下面这个例子。 效果…

    2025年3月8日
    200
  • ajax怎样跳转到新的jsp页面(附代码)

    这次给大家带来ajax怎样跳转到新的jsp页面(附代码),ajax跳转到新的jsp页页的注意事项有哪些,下面就是实战案例,一起来看一下。 ajax可以实现局部刷新页面,即在不刷新整个页面的情况下更新页面的局部信息。 项目中遇到一个问题:在用…

    编程技术 2025年3月8日
    200
  • Ajax方法实现Form表单提交的方法

    这次给大家带来Ajax方法实现Form表单提交的方法,Ajax方法实现Form表单提交的注意事项有哪些,下面就是实战案例,一起来看一下。 写在前面的话 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论