`

Js_表单间数据传递

 
阅读更多
一,同一个网页里的表单的数据传递。 
 
举个实例,一个网页上有两个表单,每个表单里一个文本框,一个按钮。点按钮互相对操作对方的文本框的值。我们举的例子是把一个文本框付给另一个文本框。具体的HTML代码如下: 
 
<html> 
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> 
<body> 
<form name="form1" method="post" action=""> 
<input type="text" name="textfield"> 
<input type="button" name="Submit" value="1--------->2" onClick="ok()"> 
</form> 
<form name="form2" method="post" action=""> 
<input type="text" name="textfield2"> 
<input type="button" name="Submit" value="2----->1" onClick="ok1()"> 
</form> 
</body> 
</html> 
 
function ok() 
{ document.form2.textfield2.value=document.form1.textfield.value; } 
function ok1() 
{ document.form1.textfield.value=document.form2.textfield2.value; } 
 
二,第二种是两个窗口之间的表单的文本框之间数据传递。
function ok() { opener.document.form2.textfield2.value=document.form1.textfield.value } 
 
三,第三种就是框架网页之间的表单的文本框之间数据传递. 
<frameset cols="505,505"> 
<frame src="test.htm" name="leftr" id="leftr">//定义框架的名称 
<frame src="test2.htm" id="right" name="right"> 
</frameset> 
<noframes><body> 
</body></noframes> 
 
function ok() { parent.leftr.document.form2.textfield2.value=document.form1.textfield.value } 
分享到:
评论

相关推荐

    Javascript_表单之间的数据传递

    通过上述介绍可以看出,在JavaScript中进行表单间的数据传递是一种非常实用的功能。它不仅可以在同一页面的不同表单之间实现,还可以在不同窗口或框架之间完成。掌握这些技术可以帮助开发者更好地构建交互式的Web...

    页面表单数据传递

    本文将深入探讨如何利用JavaScript实现页面表单数据的高效传递,包括同一页面内的表单数据传递、不同窗口间的表单数据交换以及框架网页中的表单数据同步,以期为前端开发者提供实用的解决方案。 #### 同一页面内的...

    网页间数据传递

    本篇将详细讲解几种常见的网页间数据传递方法。 1. **URL参数**:最简单的方法是通过URL查询字符串来传递数据。例如,从`a.htm`跳转到`b.htm`,可以在URL后面添加`?key=value`的形式,`b.htm`可以通过JavaScript的`...

    618数据展示系统.zip_在线报名系统_报名系统_数据展示_表单提交系统

    【表单提交系统】是在线报名系统的关键组成部分,它负责处理用户的提交请求,验证表单数据的完整性和合法性,如检查必填项、格式正确性等。通过JavaScript库(如`jquery-1.7.2.min.js`和`jquery.min.js`)可以实现...

    常用web数据传递

    在Web开发中,数据传递是不可或缺的一环,尤其是在基于Java技术的JSP、JavaScript和Servlet环境中。本篇文章将深入探讨这些技术之间的数据交互方式,帮助开发者更好地理解和掌握这些常用的数据传递方法。 首先,...

    Javascript 表单之间的数据传递代码

    例如,如果要将某个框架(leftr)中的表单数据传递到另外一个框架(right)中,可以通过parent.leftr.document.form2.textfield2.value来实现。这里parent表示当前框架的父文档,leftr是另一个框架的名称,我们通过...

    蓝凌系统表单JS大全(持续更新)

    6. **表单序列化与反序列化**:JS能够将表单数据序列化为JSON格式,方便在前后端之间传递;同样,也能将接收到的JSON数据反序列化,填充到表单中,实现数据的动态加载。 7. **插件集成**:蓝凌系统支持第三方JS库的...

    传递表单参数

    本文将详细介绍如何在MVC架构下传递表单参数,并探讨几种常用的表单数据传递方法。 #### 表单参数概述 在Web应用中,表单参数通常是指用户通过表单填写的数据。这些数据可以是文本、数字、日期等不同类型的信息。...

    Nodejs自定义解析表单数据的中间件案例

    在这个“Nodejs自定义解析表单数据的中间件案例”中,我们将深入探讨如何使用JavaScript编写自定义的中间件来解析HTTP请求中的表单数据。 ### 1. 中间件概念 中间件在Node.js中是通过Express框架(基于Connect库)...

    extjs的数据传递

    ### ExtJS 数据传递详解 #### 一、引言 在Web开发中,前端与后端之间的数据交互至关重要。ExtJS作为一个强大的JavaScript框架,提供了多种方式进行数据传输,其中使用AJAX进行前后端通信是最常见的方式之一。本文...

    微信小程序例子——使用form表单获取输入框数据

    在微信小程序中,`&lt;form&gt;`组件用于创建一个表单容器,它允许用户输入数据并通过提交操作将数据传递到服务器或者执行相应的业务逻辑。`&lt;form&gt;`组件提供了自动封装数据、校验数据以及调用后台接口的能力,极大地简化了...

    如何在Web页间传递数据

    在Web开发中,页面间的数据显示和数据传递是一个关键任务,特别是在构建复杂的Web应用程序时。ASP.NET 2.0提供了一系列工具和技术,使得开发者能够高效地实现在不同Web页之间传递数据。本文将深入探讨这些技术,并...

    _探讨Ajax获取表单值向Servlet传递的设计方案.doc

    本文探讨了 Ajax 获取表单值向 Servlet 传递的设计方案,包括了 XMLHttpRequest 对象的获取、GET 和 POST 方式的异步发送数据、回调函数的使用等内容,为开发者提供了一个实用的解决方案。 知识点: 1. Ajax 技术...

    用表单传递参数

    在前端,JavaScript可以使用FormData对象将表单数据序列化为POST请求所需的格式。在后端,服务器需要将接收到的请求体数据反序列化为可操作的对象。 总结来说,“用表单传递参数”涉及到HTML表单设计、数据提交方式...

    android获取html表单数据

    `@JavascriptInterface`注解确保这个方法只能被JavaScript调用,`@AllowJavascript`则允许返回的数据传递到Java层。 需要注意的是,由于安全原因,从JavaScript调用Android方法可能会受到限制。从Android 4.2(API...

    jQuery+json异步实现JSP和struts2之间的数据传递

    "jQuery+json异步实现JSP和struts2之间的数据传递"是一个典型的应用场景,它结合了前端JavaScript库jQuery与后端MVC框架Struts2,通过JSON这种轻量级的数据交换格式进行高效的数据交互。下面我们将详细探讨这一主题...

    Python网络爬虫项目开发实战_表单交互_编程案例解析实例详解课程教程.pdf

    在Python中,我们可以使用`requests`库的`post()`函数来模拟POST请求,将表单数据以字典形式传入`data`参数,例如: ```python import requests data = {'username': 'your_username', 'password': 'your_...

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

    inputData="+hasInputed+"&artType="+type`,这表示表单数据将被提交到相对路径为`../news/starList.do`的服务器端处理程序,并且将要传递的参数通过URL的查询字符串附加在`action`地址后。 查询字符串是一种在URL...

    JavaScript实现在页面间传值的方法

    以上方法都是在客户端进行数据传递,这有助于减少服务器的负载,提高数据传递的效率。然而,需要注意的是,使用客户端技术传递敏感信息是不安全的,因为用户可以查看和修改URL,以及HTML页面的内容。为了安全地传递...

Global site tag (gtag.js) - Google Analytics