miniUI父子页面互传数据

1,父页面传到子页面

//父页面A           
mini.open({
            url: "B" ,
            title: strtitle, width: 770, height: 460,
            onload: function () {
                var obj="传的数据";
                var iframe = this.getIFrameEl();
                iframe.contentWindow.setData(obj);  //实际是调用B页面的 setData方法
            },
            ondestroy: function (action) {
                
            }
        })

//子页面B
function  setData(obj){

  console.log(obj);  //就是定义 setData 的方法,通过参数获取到数据

}

2,子页面传到父页面

 //子页面B 通过 window.CloseOwnerWindow 关闭,将数据传递出去
  var data = { action: "ok" }; 
  window.CloseOwnerWindow(data); 

//父页面A
 mini.open({
             url: "B",
             title: "",
             width: 400, 
             height: 200,
             onload: function () {
                //var obj="传的数据";
                //var iframe = this.getIFrameEl();
                //iframe.contentWindow.setData(obj);  //实际是调用B页面的 setData方法
              },
              ondestroy: function (data) {
                   // A 页面中的销毁事件中通过data参数可以获取到了
                   if (data.action == "ok") {
                        

                    }
                }
           });

今天改项目中用到这个点,查了一会儿资料,笔记下!当然利用地址栏,或者本地存储都是可以的!页面之前都数据传递有很多方法,这只不过用这个框架,尽量使用框架中的东西

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章