`
蔚然成风
  • 浏览: 21177 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

浏览器提交两次请求的问题

    博客分类:
  • WEB
 
阅读更多
今天接到一个BUG,该功能是登陆错误的次数限制。在用户登陆错误后,会提示用户还可以输错X次,但是现在发现每次提示都不是递减的,而是减2.后来调试发现是由于表单提交了两次,所以导致程序的次数会每次减2.OK,问题找到了,那么为什么会出现这个问题呢,后来在网上查资料,发现是form的自动提交使得你提交了两次,这个:  <input type="image" src="style/images/button_save.gif" alt="保存草稿" onClick="toSave(publishForm)">
这里type=“image”和type=“submit”时form都会自动提交的,所以你onclick的时候form先提交了,然后执行你的js再提交了。
解决方案,把image改为button就不会了
分享到:
评论

相关推荐

    两次请求相同的一个URL,会产生缓存问题。

    当我们谈论"两次请求相同的一个URL,会产生缓存问题"时,这是关于HTTP协议中的缓存机制。HTTP缓存是一种提高网络性能和减少服务器负载的重要策略,但它也可能导致一些意料之外的问题。 HTTP缓存主要分为两种类型:...

    asp.net 页面防止重复提交

    首先,理解问题的本质:当用户点击提交按钮两次或者由于网络延迟,浏览器可能会发送两次请求到服务器,导致相同的数据被处理两次。这在诸如金融交易、用户注册等关键操作中尤为严重。 一种防止重复提交的方法是使用...

    http两种请求方式post和get请求的区别

    - GET 请求:具有幂等性,即多次相同请求的结果一致,可以被浏览器和代理服务器缓存,从而提升性能。例如,访问同一网页多次不会产生额外的副作用。 - POST 请求:通常不被缓存,因为它们可能会改变服务器状态,如...

    表单重复提交问题1

    标题"表单重复提交问题1"所涉及的核心知识点是防止Web表单的多次提交。在描述中提到的情况,用户完成表单提交后,如果按下F5刷新页面,浏览器会重新发送之前表单的POST请求,导致数据可能被再次处理。这通常发生在...

    HTTP请求(包括GET与POST请求)

    POST请求不是幂等的,连续执行两次可能会产生不同的结果,比如创建两个独立的资源。 AmHttpSocket.cpp和AmHttpSocket.h是实现HTTP请求的C++源代码文件。在C++中,使用自定义的HTTP客户端库可以提供更灵活的控制,...

    浅谈jquery中ajax跨域提交的时候会有2次请求的问题

    当我们在使用jQuery的Ajax技术进行跨域提交时,可能会遇到一个问题,即一个Ajax请求会触发两次服务端请求。这不仅会增加服务器的负载,还会造成不必要的网络开销和延迟。在移动端的跨域请求中,这种现象尤为常见。 ...

    8 种方案解决重复提交问题

    重复提交问题的产生原因有很多,例如点击提交按钮两次、点击刷新按钮、使用浏览器后退按钮重复之前的操作、使用浏览器历史记录重复提交表单、浏览器重复的HTTP请求、nginx重发等情况。 3. 解决方案 ### 1. 前端JS...

    Http请求处理流程

    HTTP请求处理流程是Web开发中的核心概念,它涉及到服务器如何响应客户端(如浏览器)发起的HTTP请求。在深入了解Form验证模式和Windows验证模式之前,理解HTTP请求处理流程至关重要。这里我们将详细探讨这一流程,...

    几种防止表单重复提交的方法

    有很多的应用场景都会遇到重复提交问题,比如: 点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复之前的操作,导致重复提交表单。 使用浏览器历史记录重复提交表单。 浏览器重复的HTTP请求。 几种防止表单...

    Demo HTTP请求工具

    2. POST请求:POST请求常用于向服务器提交数据,例如表单提交。数据被包含在请求正文中,相比于GET,POST请求可以携带更多数据,且数据不会显示在URL上,相对更安全。然而,POST请求不保证幂等性,即多次相同请求...

    模拟http请求 post get

    1. GET:GET请求用于获取资源,它是幂等的,即多次相同请求的结果是一样的,不会改变服务器状态。GET请求通常显示在浏览器地址栏,参数通过URL携带,有长度限制,适合查询操作。 2. POST:POST请求用于向服务器发送...

    解决vue请求接口第一次成功,第二次失败问题

    例如,在提供的代码片段中,`this.form`对象包含了旧密码、新密码和确认密码,如果在提交表单后没有正确地清空或重置这些字段,那么下一次请求可能会发送上次的旧值,从而引发问题。 解决这个问题的一个方法是在...

    vue解决一个方法同时发送多个请求的问题

    在Vue.js应用中,开发者经常会...总的来说,使用lodash的`_.debounce`函数是一种优雅且有效的方式来解决Vue中因用户快速点击导致的多个请求问题。这种方法不仅简化了代码,还提升了用户体验,值得在实际开发中采用。

    http get post 请求模拟器

    然而,POST请求可能会导致浏览器缓存问题,且并非所有服务器都支持POST请求的幂等性(即多次执行结果相同)。 3. HTTP请求模拟器: "http get post 请求模拟器"是一种工具,允许用户在无需编写代码的情况下模拟GET...

    img标签src属性值为空时2次请求问题(非ie浏览器)

    如果img标签的src属性值为空(即),在非IE浏览器(如Firefox、Safari和Chrome)中,浏览器会发出两次请求。第一次请求是由img标签的src属性触发的,尽管其值为空;第二次请求则是浏览器自动发送的,用于获取img标签...

    Ajax Get、Post请求

    4. **幂等性**:GET请求是幂等的,多次请求结果相同;POST请求不是,多次提交可能会产生不同的效果。 5. **可缓存**:GET请求可被浏览器缓存,POST请求通常不被缓存。 6. **可收藏为书签**:GET请求可被收藏为书签,...

    tomcat GET请求与POST请求

    在HTTP协议中,GET和POST请求是两种最基本的方法,它们用于客户端(通常是浏览器)向服务器发送数据。理解这两者之间的差异对于任何Web开发者来说都是至关重要的。 GET请求通常用于获取资源,它将请求参数附加到URL...

Global site tag (gtag.js) - Google Analytics