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表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: <form method="post" id="myform" action="a.php"> <input type="submit" value=...
如下所示: form表单ID:postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持软件开发网~
这种方法通过JavaScript动态创建一个form元素,将需要提交的参数值编码后加入到表单的action属性中,然后模拟form的提交行为。示例代码如下: ```javascript linkredwin=function(A,B,C,D,E,F,G){ var formredwin=...
//增加的函数 begin function queryFun(){ var type = $("#artType").val();... document.getElementById("queryForm").action="../news/starList.do?inputData="+hasInputed+"&artType="+type; docu
JavaScript获取网页表单的action属性是一种常用的操作,通常用于获取表单提交时要发送到的URL地址。在Web开发中,表单是用来收集用户输入数据并将其发送到服务器的HTML元素。action属性指定了表单提交后,服务器处理...
当需要根据用户操作或特定条件动态地改变表单的提交目标时,可以使用JavaScript来修改`form action`属性。以下将详细讲解如何使用JavaScript来动态修改`form action`。 1. **基本语法** 在JavaScript中,可以使用`...
在HTML中,表单的默认提交方式是通过`<form>`标签的`action`属性指定的URL进行POST或GET请求。然而,这种方式缺乏灵活性,无法在提交前进行数据验证或添加额外的请求头。jQuery提供了一种更方便的API来控制表单提交...
在我们的实例中,我们使用 Button 元素来提交 Form 表单数据,我们将 onclick 属性设置为一个 JavaScript 函数,该函数将 Form 表单数据提交到 Action 层。 知识点 2: 使用 Ajax 提交 Form 表单数据 在现代 Web ...
EXT框架(通常指的是Ext JS)作为一种成熟且功能丰富的JavaScript库,提供了强大的UI组件和便捷的数据处理方法,其中就包括了异步提交FORM表单的功能。 #### 二、EXT异步提交FORM表单的基本原理与实现 ##### 2.1 ...
**jQuery Form 插件:异步提交的艺术** 在Web开发中,用户交互是关键的一环,而表单提交就是这种交互的重要组成部分。传统的HTML表单提交方式会刷新整个页面,用户体验不佳。为了解决这个问题,jQuery Form插件...
jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...
"不用form提交表单,用ajax上传文件"是这种需求的一个典型场景。这种方式可以让用户在上传文件时无需等待页面刷新,而是通过Ajax(Asynchronous JavaScript and XML)技术实现实时反馈,提升交互体验。 在JDK 8版本...
最后通过调用<form>的submit方法将数据以POST方式提交到指定的action路径,并在提交后通过removeChild方法将<form>元素从页面中移除。 这种方法的优点是可以根据用户的交互动态地生成表单,并且可以将表单数据发送...
3. 编写JavaScript代码处理Ajax提交:在文档加载完毕后(例如在$(document).ready()中),需要编写一段JavaScript代码,通过jquery.form.js提供的方法来控制表单的提交行为。这通常包括设置Ajax请求的配置选项,例如...
`ajaxForm()` 和 `ajaxSubmit()` 方法都是 JQuery Form 插件的一部分,它们可以用来处理表单的提交动作,实现 AJAX 异步提交。 - **`ajaxForm()` 方法**:此方法用于将表单的默认提交行为替换为 AJAX 提交行为。...
script language="JavaScript" type="text/javascript" src="JS/validate.js"> 在form表单上添加一个提交事件调用验证数据方法 <form name="listform" action="resume-doAdd" method="post" onsubmit="return ...
代码如下: ”javascript” name=”code”>function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”...
在Web开发中,尤其是使用JavaServer Pages (JSP)时,Form表单的重复提交问题是一个常见的挑战。这可能导致数据不一致性和服务器资源的浪费。本文将探讨三种防止JSP表单重复提交的方法。 首先,我们可以使用...
1、JS部分代码 代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, formName,blogType){ $(“#”+formName).attr(“action”,action); //var f = document.getElementsByTagName(“form”)...
标题 "在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数" 描述了一种常见的Web开发技术应用场景。在Internet Explorer(IE)浏览器的特定模式下,用户通过表单填写信息并提交后,这些数据通常...