`

Js控制 form 提交到不同的action

 
阅读更多

js控制form提交到不同action

我的环境是ssh

方法1<a href="<%=ctxPath%>/report/pointDetailsToExcel.do" ><img src='<%=ctxPath%>/image/admin/btn_search.gif'/>导出Excel</a></td>

 

 

这样可以实现跳转到 不同的action,但是在跳转到pointDetailsToExcel form参数没有传过去

因为它是<a href=“”> 并不是将同一个form 提交到另一个action 而只是相当于简单页面跳转一样!

方法2在将同一个form跳转到不同的action

<a href="#" onClick="mainForm.action='pointDetailsToExcel.do';mainForm.submit();"><img src='<%=ctxPath%>/image/admin/btn_search.gif'/>导出Excel</a>

或者这样写

 

 

<a href="#"

 

 

onClick="Redirect();">

 

 

<img src='<%=ctxPath%>/image/admin/btn_search.gif'/>导出Excel</a>

 

 

pointDetals.js中;

 

 

function Redirect(){

 

 

document.forms[0].action= "pointDetailsToExcel.do";

 

 

document.forms[0].submit();

 

 

}

 

 

方法3:在将同一个form跳转到不同的action的同时,传递一个新的 参数(并非原来form中的元素)

<a href="#"

 

 

onClick="Redirect(${cashCharge.id});">

 

 

<img src="<%=ctxPath%>/image/admin/btn_field.gif"/>

 

 

导出Eecel</a>

 

 

注意在传递的同时 传递一个id 但是页面的form元素中没有一个标签是对应的id

 

 

这样可以利用 隐藏域 处理要传递的 新的参数值

 

 

<input type="hidden" name="from1Id" id="from1Id"/>

 

 

在我的cashCharge.js

 

 

function Redirect(id){

 

 

document.form1.from1Id.value=id;//把获得id值赋值给fromId

 

 

document.form1.action= "cashChargeToExcel.do";

 

 

document.form1.submit();

 

 

}

 

 

然后在我的CashChargeToExcelAction.java

 

 

Private Integer fromId;

 

 

public Integer getFrom1Id() {

 

 

return from1Id;

 

 

}

 

 

 

 

 

public void setFrom1Id(Integer from1Id) {

 

 

this.from1Id = from1Id;

 

 

}

 

 

就可以获取跳转时传递的formId

分享到:
评论

相关推荐

    JS提交form表单实例分析

    本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: &lt;form method="post" id="myform" action="a.php"&gt; &lt;input type="submit" value=...

    js 提交form表单和设置form表单请求路径的实现方法

    如下所示: form表单ID:postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持软件开发网~

    js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

    这种方法通过JavaScript动态创建一个form元素,将需要提交的参数值编码后加入到表单的action属性中,然后模拟form的提交行为。示例代码如下: ```javascript linkredwin=function(A,B,C,D,E,F,G){ var formredwin=...

    js提交form表单,并传递参数的实现方法

    //增加的函数 begin function queryFun(){ var type = $("#artType").val();... document.getElementById("queryForm").action="../news/starList.do?inputData="+hasInputed+"&artType="+type; docu

    JavaScript获取网页表单action属性的方法

    JavaScript获取网页表单的action属性是一种常用的操作,通常用于获取表单提交时要发送到的URL地址。在Web开发中,表单是用来收集用户输入数据并将其发送到服务器的HTML元素。action属性指定了表单提交后,服务器处理...

    js form action动态修改方法.docx

    当需要根据用户操作或特定条件动态地改变表单的提交目标时,可以使用JavaScript来修改`form action`属性。以下将详细讲解如何使用JavaScript来动态修改`form action`。 1. **基本语法** 在JavaScript中,可以使用`...

    jquery.form提交方式

    在HTML中,表单的默认提交方式是通过`&lt;form&gt;`标签的`action`属性指定的URL进行POST或GET请求。然而,这种方式缺乏灵活性,无法在提交前进行数据验证或添加额外的请求头。jQuery提供了一种更方便的API来控制表单提交...

    通过button将form表单的数据提交到action层的实例

    在我们的实例中,我们使用 Button 元素来提交 Form 表单数据,我们将 onclick 属性设置为一个 JavaScript 函数,该函数将 Form 表单数据提交到 Action 层。 知识点 2: 使用 Ajax 提交 Form 表单数据 在现代 Web ...

    EXT异步提交FORM表单

    EXT框架(通常指的是Ext JS)作为一种成熟且功能丰富的JavaScript库,提供了强大的UI组件和便捷的数据处理方法,其中就包括了异步提交FORM表单的功能。 #### 二、EXT异步提交FORM表单的基本原理与实现 ##### 2.1 ...

    jquery-form 异步提交表单

    **jQuery Form 插件:异步提交的艺术** 在Web开发中,用户交互是关键的一环,而表单提交就是这种交互的重要组成部分。传统的HTML表单提交方式会刷新整个页面,用户体验不佳。为了解决这个问题,jQuery Form插件...

    使用jQuery.form插件,实现完美的表单异步提交

    jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...

    不用form提交表单,用ajax上传文件

    "不用form提交表单,用ajax上传文件"是这种需求的一个典型场景。这种方式可以让用户在上传文件时无需等待页面刷新,而是通过Ajax(Asynchronous JavaScript and XML)技术实现实时反馈,提升交互体验。 在JDK 8版本...

    JavaScript动态创建form表单并提交的实现方法

    最后通过调用&lt;form&gt;的submit方法将数据以POST方式提交到指定的action路径,并在提交后通过removeChild方法将&lt;form&gt;元素从页面中移除。 这种方法的优点是可以根据用户的交互动态地生成表单,并且可以将表单数据发送...

    jquery.form.js实现将form提交转为ajax方式提交的方法

    3. 编写JavaScript代码处理Ajax提交:在文档加载完毕后(例如在$(document).ready()中),需要编写一段JavaScript代码,通过jquery.form.js提供的方法来控制表单的提交行为。这通常包括设置Ajax请求的配置选项,例如...

    JQuery.form表单提交参数详解.txt

    `ajaxForm()` 和 `ajaxSubmit()` 方法都是 JQuery Form 插件的一部分,它们可以用来处理表单的提交动作,实现 AJAX 异步提交。 - **`ajaxForm()` 方法**:此方法用于将表单的默认提交行为替换为 AJAX 提交行为。...

    JS验证页面form表单数据,齐全

    script language="JavaScript" type="text/javascript" src="JS/validate.js"&gt; 在form表单上添加一个提交事件调用验证数据方法 &lt;form name="listform" action="resume-doAdd" method="post" onsubmit="return ...

    巧用js提交表单轻松解决一个页面有多个提交按钮

    代码如下: ”javascript” name=”code”&gt;function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”...

    JSP避免Form重复提交的三种方案

    在Web开发中,尤其是使用JavaServer Pages (JSP)时,Form表单的重复提交问题是一个常见的挑战。这可能导致数据不一致性和服务器资源的浪费。本文将探讨三种防止JSP表单重复提交的方法。 首先,我们可以使用...

    form表单action提交的js部分与html部分

    1、JS部分代码 代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, formName,blogType){ $(“#”+formName).attr(“action”,action); //var f = document.getElementsByTagName(“form”)...

    在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数

    标题 "在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数" 描述了一种常见的Web开发技术应用场景。在Internet Explorer(IE)浏览器的特定模式下,用户通过表单填写信息并提交后,这些数据通常...

Global site tag (gtag.js) - Google Analytics