`
DesHpoT
  • 浏览: 33688 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

javascript执行submit() action目标被调用两次

阅读更多

Problem:

找到一个问题描述和我的很类似:

 

I have two JSP page, there are one text and one button in index.jsp,when write some information in text area and press Enter Key,this page will be submit to other JSP page named cal.jsp,and in cal.jsp will print a message "receive".when I run this index.jsp,and write some information in textarea and then press Enter Key,I found this page is submit to cal.jsp,but I found that cal.jsp print two receive,like follows:
receive
receive

 

Solution:

天啊。。。搞了2个小时,原来是我之前为了避免不同浏览器的差异,用jQuery替换了很多代码,其中有一部分就是绑定按钮事件,而原来按钮上的onclick属性忘了删除,导致执行了原有onclick和jQuery绑定的onclick,变成了2次。。。

 

分享到:
评论

相关推荐

    JS调用Struts中的Action

    上面的代码展示了一个按钮点击事件,该事件触发时会执行`formSubmit`函数,并将Action路径和参数作为参数传入,最终实现Action的调用。 - **直接使用`submit`方法** ```javascript function ff() { document....

    C#代码与javaScript函数的相互调用

    根据给定的信息,本文将详细探讨C#与JavaScript之间的相互调用方法,主要涉及四个方面的内容:如何在JavaScript中访问C#函数、如何在JavaScript中访问C#变量、如何在C#中访问JavaScript已有的变量以及如何在C#中访问...

    js调用Action

    方法一: 用js函数让网页重定向,window.location.href=‘actionName.action?paraName=arg0’;...查询" onclick= "formSubmit('actionName.action?paraName=arg0') "/> 同样,paraName是需要在action中定义过的

    js调用C#方法

    本文将详细介绍如何实现前端JavaScript(JS)与后端C#之间的相互调用,这对于构建功能丰富的Web应用至关重要。下面将按照问题的四个要点逐一展开。 #### 1. JavaScript调用C#方法 JavaScript可以通过以下步骤来...

    用js模拟struts2的多action调用示例

    本篇文章将讨论如何使用JavaScript来模拟Struts2中的多Action调用,以解决此类问题。 动态方法调用是Struts2的一项重要特性,它允许我们根据传递的参数动态决定执行哪个Action。在Struts2.1版本中,可以通过在...

    el-upload多文件一次性上传(携带json),自定义上传事件(手动上传),不使用action属性上传.pdf

    在本文中,我们将深入探讨如何使用`el-upload`组件实现多文件一次性上传,同时携带JSON数据,并自定义上传事件,不依赖`action`属性。`el-upload`是Element UI库中的一个组件,用于文件上传操作,提供了丰富的配置...

    页面提交submit的几种方法

    本文介绍了几种页面提交submit的方法,包括使用`<input type="button">`配合JavaScript、使用`<input type="submit">`以及结合这两种方式实现复杂的验证逻辑。同时,还探讨了在处理表单提交数据时可能遇到的编码问题...

    JavaScript+jQuery程序设计 源码

    JavaScript 和 jQuery 是两种广泛应用于网页开发的编程工具。JavaScript 是一种轻量级的脚本语言,主要用于客户端的网页交互,而 jQuery 是一个 JavaScript 库,它简化了 JavaScript 的使用,使得DOM操作、事件处理...

    一个Action如何调用两个不同的方法

    总结来说,实现一个Action调用两个不同方法的核心在于前端利用JavaScript动态改变表单的`action`属性,并通过表单提交来触发不同的后端处理。这个例子展示了在不刷新整个页面的情况下,如何通过JavaScript和HTML表单...

    两个SUBMIT按钮,如何区分处理

    在网页设计中,有时我们需要在一个表单中设置多个提交(SUBMIT)按钮,以便执行不同的操作,例如“修改”和“删除”。面对这种情况,我们如何在服务器端区分这两个按钮的点击事件呢?以下两种方法可以帮助你实现这一...

    HTML 页面直接调用 php 文件的方法

    <input type="submit" value="Submit"> ``` 这里,当用户点击“Submit”按钮时,浏览器会向`process.php`发送POST请求,传递表单数据。 2. **AJAX 调用**: 使用JavaScript的XMLHttpRequest对象或者现代...

    在javaScript中关于submit和button的区别介绍

    如果一个页面上有多个提交按钮,且需要根据用户的不同操作来决定提交到哪个控制器,此时就需要使用 `button`,并通过JavaScript来判断用户的选择并设置相应的表单`action`值,然后调用 `submit()` 方法。 至于如何...

    Ajax实例 struts javascript

    以下三个例子展示了如何通过JavaScript配合Servlet和Action来实现Ajax功能: **例一:innerHTML的用法** 此例子展示了如何使用JavaScript的innerHTML属性来动态更新HTML元素的内容。当用户点击“确定”按钮时,`hy...

    用JavaScript,Struts2和MVC模式做增删改查

    在IT行业中,构建基于Web的应用程序是常见的任务,而JavaScript、Struts2和MVC模式是这类应用开发的重要工具。本篇文章将详细讲解如何利用这些技术实现增删改查功能,并涉及图片上传到SQL Server数据库的操作。 ...

    jquery与ajax调用,有代码 , 有说明,使ajax调用简单

    **jQuery与Ajax调用详解** 在Web开发中,jQuery与Ajax的结合使用极大地简化了异步数据交互的过程,使得前端可以高效地与服务器进行通信,而无需刷新整个页面。本教程将详细介绍如何利用jQuery实现Ajax调用,并通过...

    javascript注册验证实例

    - **实现方式**:通过`onclick`和`onblur`事件来调用相应的验证函数。 - **功能描述**:在用户点击提交按钮之前,会先验证用户名、密码和邮箱的有效性。只有当所有验证都通过时,才会提交表单。 #### 三、总结 ...

    form.submit()不能提交表单的原因分析

    `form.submit()` 是JavaScript中用于触发表单提交的一个方法,但有时这个方法可能无法正常工作,就像在标题和描述中提到的问题。本文将深入探讨这个问题,分析其可能的原因,并提供解决方案。 首先,我们来看一个...

    js调用后台servlet方法实例

    本文将详细介绍如何通过JavaScript调用后台Servlet方法,并提供两种实现方式的比较和分析。 首先,第一种方法是使用传统的HTML表单提交方式。在HTML页面中,我们可以创建一个隐藏的表单,并在表单中填写需要传递给...

Global site tag (gtag.js) - Google Analytics