(转)一个form表单实现提交多个action

转载自: http://www.cnblogs.com/liuswi/p/3473379.html

1 方法一:
 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 3 <html>
 4 <head>
 5 <title></title>
 6 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 7 </head>
 8
 9 <body>
10
11 <form action="" name="form1">
12     <input type="button" value="查询1" type="submit" onclick="form1.action=‘action_1‘;form1.submit();"/>
13     <input type="button" value="查询2" type="submit" onclick="form1.action=‘action_2‘;form1.submit();" />
14 </form>
15
16 或:
17 <Script Language="JavaScript">
18     function modify()
19     {
20     document.form1.action="modify.jsp";
21     document.form1.submit();
22     }
23
24     function delete()
25     {
26     document.form1.action="delete.jsp";
27     document.form1.submit();
28     }
29 </Script>
30
31 <form name="form1" action="">
32     <INPUT Type="Button" Name="Modify" Value="修改" onClick="modify()">
33     <INPUT Type="Button" Name="Delete" Value="删除" onClick="delete()">
34 </form>
35 这样可以实现将多个按钮发送到不同的网页中。
36 </body>
37 </html>
38
39 方法二:
40 提交form的时候,里面的action不能带参数,例:
41 <form action="test.do?args=888">
42    <input type="button" value="submit">
43 </form>
44
45 通过这个方法,test.do无法读取args,必须换成以下写法
46 <form action="test.do">
47    <input type="hidden" name="args" value="888">
48    <input type="button" value="submit">
49 </form>
时间: 2024-10-07 02:00:32

(转)一个form表单实现提交多个action的相关文章

JavaScript 创建一个 form 表单并提交

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input onclick="MakeForm()" type="button" class="btn grey"

遇到的一个Form表单自动提交问题解决办法

Form 表单中只有一个 input 元素时按回车会默认提交表单.有的时候我们希望按回车可以进行列表查询,但是查询后表单被自动提交了,然后刷新了整个页面.这个时候就需要对这个 Form 表单处理一下以满足在只有一个 input 元素时也能回车查询. 基本表单如下: <html> <head></head> <body> <form action='XXX' name='searchForm' method='post'> 查询: <inpu

form表单的提交方式

开发中表单提交是很常见的,表单的提交方式也多种方式. 1.使用submit按钮提交表单  <input type="submit"/> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>form表单提交方式</title> </head> <body>

数据表格,查询、导出共用一个form表单,实现文件流方式下载

在开发中遇到问题是这样的: 在维护老的管理系统的过程中,老板说让加导出功能:项目中,查询的筛选条件是用的表单提交的方式写的. 解决方案有两种: 一.用ajax方式导出 var array = $('#frmSearch').serialize(); 获得表单数据后,用post方式提交给服务器,服务器返回文件所存在的网络地址,然后用windows.open()的方式下载文件 但是我希望文件下载后,能够把文件删除了:用上边方式就不太合适了,不能及时删除旧文件,于是想出下面的方式: 二.文件流的方式下

JavaWeb学习总结(十一):Session解决form表单重复提交

在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提交的常见应用场景 有如下的form.jsp页面 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <!DOCTYPE HTML>

form表单submit提交内容,跟ajax异步提交form表单的区别,

因为开发一个小细节,本来是上传文件,填写文件名进行ajax提交,但是没有获取到文件的绝对地址, 所以使用了form表单提交文件,然后又觉得form表单+ajax提交联系起来比较好,不用改动太多代码. 区别: Form表单提交:一般都会进行页面跳转: Ajax异步提交:可以不进行页面跳转: Form表单提交 <body> <div id="forms”> <form id="form1" action="/users/login"

使用ajax方法实现form表单的提交

转http://www.cnblogs.com/han-1034683568/p/7199168.html 写在前面的话 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说想要将控制权放在前端,通过js来操作页面的跳转或者数据变化. 一般这种异步的操作,我们都会想到ajax方式,因此在实现了功能后就整理了这篇文章,通过ajax方法实现form表单的提交并进行后续

按Enter键后Form表单自动提交的问题

怪事年年有,今年特别多. 话说,最近项目中遇到一件怪事,当我鼠标focus在文本框中,轻轻敲了下回车键,尼玛页面突然刷新了,当时把宝宝给吓得. 接下来就是一番苦逼的烧脑和蛋疼~ 一.被表象所迷惑 突然出现这种情况,脑海中第一反应是,keydown事件是不是出问题了,然后找啊找啊找啊,然后没有然后. 在把input元素上的所有事件移除掉后,我自信的按了一下enter键.艾玛,又刷新了.心里那个苦哎. 二.列出所有可能 一阵捣鼓之后,脑海中列出了所有按下enter键后的改变,url改变,多了一个问号

form表单回车提交问题

最近发现在form里的一个input敲击回车键时会提交form表单.查了资料,发现会出现这个情况的原因是浏览器帮我们做了处理.这里总结几条规则: 1. 如果表单里有一个type="submit"的按钮,回车键生效. 2. 如果表单里只有一个type="text"的input,回车键生效. 3. 如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit 4. 其他表单元素如textarea.