父页面取子页面的数据或者值,父页面取iframe值或者数据

本文介绍如何在父页面与子页面(如iframe)间进行数据传递,演示了使用jQuery实现这一过程的具体方法,包括从子页面向父页面发送JSON数据及父页面接收并处理这些数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.引jQuery

如果父页面想获取子页面的一些数据或者一些值,或者想获取iframe的一些值或者数据,那么可以使用以下书写方式。

2.demo1

  • 1.子页面准备好需要传递的数据(怎么准备随意吧)此处我准备的data数据是json格式
  • 2.子页面     parent.outputDataCallBack(data);  //outputDataCallBack名称随意
  • 3.父页面
outputDataCallBack=function (data) {
    //-------------这面里面是我在往页面渲染数据,可以不看,开始--------
    var view = document.getElementById('vm-list');
    var getTpl = vmList.innerHTML;
    laytpl(getTpl).render(data.machineList, function (html) {
        view.innerHTML = html;
    });
    //-------------这面里面是我在往页面渲染数据,可以不看,结束--------
}

3.demo2

  •  子页面   parent.selectDataCallBack(id,name);
  •  父页面   selectDataCallBack=function(id,name){
  •               //拿到子页面 id  和 name
  •              }

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值