web中父页面与子页面传值的问题

1、父页面传值给子页面
这个问题也就是子页面如何获取到父页面中的值。
方法一、
比如父页面中有:<input type="hidden" name="id" id="id" value="${orderInfo.id?c}">
在子页面中写:parent.$("#id").val();
这样就能获取到父页面中的id值。
方法二、
我遇到的问题是:子页面进行了新增数据,当关闭子页面后,父页面的相应位置要进行异步刷新
这里写图片描述

子页面:
这里写图片描述

我的解决办法是如图:
这里写图片描述

思路也就是:
使用parent.父类方法名来解决。也可以传参数过去,这样子页面的数据就到父页面中了,
我的例子是没有传参数过去,而是调用父类的方法,去发送一条请求,拿到数据后,再通过js
把数据写入到相应的位置中去。

事实上这也回答了子页面如何传值给父页面,就是把你要传的数据,以形参的形式传过去,

或者直接写入到父页面中。
window.parent.$(“#父类id”).html();
http://blog.csdn.net/wanghaoxu1014/article/details/7937634

Web开发中,`span`标签通常用于定义文档中的一个片段,它是HTML的一个内联元素,用来设置一小段文本的格式。而将数据从子页面传递给父页面通常需要使用JavaScript或其他客户端技术。下面是一个简单的介绍和示例: 1. **使用URL参数**:可以将值作为查询字符串附加在URL的末尾,父页面可以通过解析URL获取这些值。例如,在子页面中,可以通过链接或表单提交的方式传递值。 2. **使用Local Storage或Session Storage**:这些是Web存储API的一部分,允许页面在浏览器中存储键值对。子页面可以将数据存储在`localStorage`或`sessionStorage`中,父页面可以检索这些存储的数据。 3. **使用Web消息(Broadcast Channel API)**:Web消息允许页面之间通过消息通道进行通信。子页面可以发送消息到父页面,父页面监听消息并作出响应。 下面是一个简单的使用URL参数传递值的例子: **子页面(child.html)**: ```html <!DOCTYPE html> <html> <head> <title>子页面</title> </head> <body> <a href="parent.html?value=传递的值">跳转到父页面</a> </body> </html> ``` **父页面(parent.html)**: ```html <!DOCTYPE html> <html> <head> <title>父页面</title> <script> // 页面加载完成后执行 window.onload = function() { // 获取URL参数 function getQueryParam(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search); return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } // 获取名为"value"的URL参数 var value = getQueryParam('value'); console.log("从子页面获取的值是:" + value); }; </script> </head> <body> <h1>父页面</h1> </body> </html> ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山鬼谣me

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值