1. 首页
  2. 文章中心
  3. google

表单数据传送到多个页面的三种方法

62 阅读 0 评论
我是靠谱客的博主 潇洒悟空，最近开发中收集的这篇文章主要介绍表单数据传送到多个页面的三种方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<script type="text/javascript">google_ad_client = "pub-1498738603201112";google_ad_width = 300;google_ad_height = 250;google_ad_format = "300x250_as";google_ad_type = "text";google_ad_channel ="";google_color_border = "FFFFFF";google_color_bg = "FFFFFF";google_color_link = "000000";google_color_text = "000000";google_color_url = "000000";</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script> name="google_ads_frame" marginwidth="0" marginheight="0" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-1498738603201112&dt=1194838015875&lmt=1194618971&format=300x250_as&output=html&correlator=1194838015875&url=http%3A%2F%2Fwww.zzsky.cn%2Feducation%2Fcontent%2F745.htm&color_bg=FFFFFF&color_text=000000&color_link=000000&color_url=000000&color_border=FFFFFF&ad_type=text&ref=http%3A%2F%2Fwww.google.cn%2Fsearch%3Fhl%3Dzh-CN%26q%3Dasp%2Bonclick%25E4%25BA%258B%25E4%25BB%25B6%26meta%3D%26aq%3Dt%26oq%3Dasp%2Boncli&cc=137&ga_vid=448449223.1194838016&ga_sid=1194838016&ga_hid=1144341963&flash=9&u_h=768&u_w=1024&u_ah=735&u_aw=1024&u_cd=32&u_tz=480&u_java=true" frameborder="0" width="300" scrolling="no" height="250" allowtransparency="allowtransparency">

   转载于:http://www.zzsky.cn/education/content/745.htm

有时候我们会遇到这样的问题，即多个页面要接收同一个表单的数据，那么怎么实现这一功能呢，本文将会阐述。 
　　我们知道，一个表单可以很容易地递交到一个处理页面，只需要一个submit按钮即可，但有时候，我们要用不同的处理页面来接收表单的数据并加以处理。如果我们为不同的处理页面分别设计各自的表单的话，如果采集的数据都是一样的，在这种情况下既浪费页面篇幅同时在大数据量输入时非常浪费时间和精力。要解决这一问题我们只需要实现一个表单向多个页面递交数据这一功能即可。

　　那么怎么实现这一功能呢?下面提供三种方法:

　　方法一：使用多个button按钮，为每个按钮的onclick事件设计一个子过程，通过读取按钮的值来判断向谁提交数据，源代码如下：

代码：
<script language="javascript"> 
    function tosubmit1() 
    { 
    document.submitform1.action="1.asp"; 
    document.submitform1.submit(); 
    } 
     
    function tosubmit2() 
    { 
    document.submitform1.action="2.asp"; 
    document.submitform1.submit(); 
    } 
  function tosubmit3() 
    { 
    document.submitform1.action="3.asp"; 
    document.submitform1.submit(); 
    } 
    </script> 
</head>     
<form name="submitform1" action="" method="post" target="_blank"> 
<input type="button" name="submit1" value="提交给1.asp" οnclick="tosubmit1()"> 
<input type="button" name="submit2" value="提交给2.asp" οnclick="tosubmit2()">
<input type="button" name="submit3" value="提交给3.asp" οnclick="tosubmit3()">  
</form>


　　方法二：使用多个button按钮，定义每个按钮的onclick事件的处理过程，不需要判断按钮的value值，而直接定义form表单的action值，代码比较简单，如下：

代码：
<form name="submitform2" action="" method="post" target="_blank">
<input name="submit1" value="提交给1.asp" type="button" οnclick="submitform2.action='1.asp';submitform2.submit();">
<input name="submit2" value="提交给1.asp" type="button" οnclick="submitform2.action='2.asp';submitform2.submit();">
<input name="submit3" value="提交给1.asp" type="button" οnclick="submitform2.action='3.asp';submitform2.submit();">
</form>


　　方法三：同样使用多个button按钮，也同样为每个按钮设计一个onclick事件子过程，不同的是使用switch  case语句来判断button按钮的value值，从而作相应的处理，代码如下：

代码：
<form name="submitform3" action="" method="post" target="_blank">
<input type="submit" name="submit1" value="提交给1.asp" οnclick="dothis(this)">
<input type="submit" name="submit2" value="提交给2.asp" οnclick="dothis(this)">
<input type="submit" name="submit3" value="提交给3.asp" οnclick="dothis(this)">
</form>
<script language="javascript">
  function dothis(obj)
  {
     switch(obj.value)
     {
        case "提交给1.asp":
        document.submitform3.action="1.asp";
        break;
        case "提交给2.asp":
        document.submitform3.action="2.asp";
        break;
  case "提交给3.asp":
        document.submitform3.action="3.asp";
        break;
     }
  }
</script>
 

　　其实本文所举的三个方法都是大同小异的，只不过在处理手段上略有不同，欢迎大家讨论。

最后

以上就是潇洒悟空为你收集整理的表单数据传送到多个页面的三种方法的全部内容，希望文章能够帮你解决表单数据传送到多个页面的三种方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
点赞(41)

相关文章

提交表单的时候会出现提交两次的问题
提交表单的时候会出现提交两次的问题
window里面点击一个button按钮实现页面跳转？？？
window里面点击一个button按钮实现页面跳转？？？
跳转到修改页面和执行修改需要注意的小问题
跳转到修改页面和执行修改需要注意的小问题
html5表单提交一条记录,使用HTML5的FormData对象， 通过 Ajax表单异步提交文件数据...
html5表单提交一条记录,使用HTML5的FormData对象， 通过 Ajax表单异步提交文件数据...
表单数据传送到多个页面的三种方法
表单数据传送到多个页面的三种方法
php post怎么跳转,学习猿地-php如何使用post跳转页面
php post怎么跳转,学习猿地-php如何使用post跳转页面
表单怎么根据不同条件提交到不同的页面
表单怎么根据不同条件提交到不同的页面
PHP的POST跳转
PHP的POST跳转

评论列表共有 0 条评论

立即
投稿
返回
顶部