1. 程式人生 > >Js控制 form 提交到不同的action

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,但是在跳轉到pointDetailsToExcelform引數沒有傳過去

因為它是<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() {

returnfrom1Id;

}

publicvoid setFrom1Id(Integer from1Id) {

this.from1Id = from1Id;

}

就可以獲取跳轉時傳遞的formId

相關推薦

Js控制 form 提交不同action

 js控制form提交到不同action 我的環境是 ssh 方法1:<a href="<%=ctxPath%>/report/pointDetailsToExcel.do" ><img src='<%=ctxPath%>/image

JS控制form表單action去向

不知道大家遇沒遇到這種情況,當我們提交一個表單的時候,可能因為相關的引數不同而需提交給不同的action地址。這時我們就可以用JS來實現這種功能。 =============== 把相同的內容提交到不同的頁面 =============== <mce:sc

js控制form提交

form表單提交,之前有個下載的專案介面,需要上url上邊傳超級多東西,但是 url是限制長度的 每個瀏覽器限制的url長度還不一樣,所以就想到用form表單的action提交表單。

js改變form提交路徑

頁面內容 <form role="form" action="#" method="get" th:action="@{/url1/}" id="myFrom"> <button

struts2的form提交action屬性的配置

轉自:http://wenku.baidu.com/link?url=Sayl7f5jTATuSZoFvwHhQuRm_vz25EZNrQSbVHnibh8VfPgzutHspY_Gw5sohDbWVehUm2xERhH5XcQyrU2vxCgVBklnhqwRIDko6F

寫在js檔案裡的變數如何通過FORM表單提交action

使用form表單提交資料,需要將資料寫到表單元素內(如文字框、隱藏域等)。因此,將js檔案裡的變數通過FORM表單提交到action的思路如下: 1、在form表單中準備隱藏域用以存放需要提交的資料 <form action="目標url"> <

form提交action之前用js操作

在提交action之前先用js操作一下,若果為false則不執行action: html: <form name="launch" method="post" onsubmit="return

PHP處理Form表單提交的裁剪後的base64的圖片並儲存 以cropbox.js控制元件為例

我在開發專案的時候,前端給的上傳頭像外掛是 cropbox.js ,當時覺得很好用,可是當要儲存圖片的時候問題來了,不知道怎麼儲存,百度了一大堆,發現很多人跟我一樣也沒有找到方法,不過思路都是一樣的,

form中的action,submit="return save()"以及ajax提交方法

con tle delete url mes bgcolor fine jquery width <form enctype="multipart/form-data" method="post" name="formform1" id="formform1"acti

js控制 按enter進行搜索或提交表單:

cti search onkeydown var 點擊 ear win doc all js控制 按enter進行搜索或提交表單://按enter 進行搜索document.onkeydown = function(e){ var ev = document.all

jsform表單提交url傳參數(包含+等特殊字符)的解決方法

字符 www. mit function form表單提交 sub win tno wiki 方法一:(偽裝form表單提交) linkredwin = function(A,B,C,D,E,F,G){ var formredwin = document.cr

js控制不同的打印方式

技術分享 div src color com 對象 ges ror 信息 在控制臺單個輸出:   console.log(...):值   console.info(...):信息   console.debug(...):調試信息   consol

form表單Get方式提交時,action中帶引數傳遞不了

form表單get方式提交時,action中帶引數傳遞不了 樣例: <form action="getPostServlet/getPost.do?param4=param4" method="get"> <input type="hidden" name="p

js控制文字框回車提交表單進行搜尋

// 此段程式碼為示例程式碼 並不能執行 ,若需使用請根據實際情況做出更改 <form action="/PayBills/billContentList" method="post" id="searchForm" autocomplete="off" onkeypress="if(

Extjs form提交時間段,監聽時間控制元件的select事件

DateForm = Ext.extend(Ext.ux.Form,{ taskIds:[], //存放批量任務 constructor: function(){ this.dateStart = this.createDateField('<font col

微信小程式用js控制類名的切換用於改變不同的樣式

有時候,介面文字可能會很多,我們一開始設計介面的時候一定希望讓他展示出來幾行就行了,如果使用者需要檢視隱藏的部分,點選展開詳情就能把剩餘的內容顯示出來。 方法可能有些不好,但是實現功能了,有更好的方法可以一起交流哦 配圖解釋 設計樣式: 展開樣式 test.wxml

js中向伺服器提交form提交表單不跳轉的方法

       form表單的通常寫法是這樣的: <form id="apply-for-help-form" method="post" action="">

js 模擬form 表單提交

<form action='a.php' method='post' name='login' id= 'f1' > 使用者名稱:<input type='text' name='u

js構建form表單 以post方式提交 一般用於匯出檔案

 js構建form表單  以post方式提交   一般用於匯出檔案 傳遞引數: var parms = {   "key1":"value1",   "key1":"value2" } /**  * 構建form表單,以post方式提交  * @param actio

怎樣用js建立Form表單並提交

<script > //js動態建立form 提交表單 function formSubmit(elementValue) {     var turnForm = document.createElement("form");        //一定要加入