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") {
                        

                    }
                }
           });

今天改項目中用到這個點,查了一會兒資料,筆記下!當然利用地址欄,或者本地存儲都是可以的!頁面之前都數據傳遞有很多方法,這只不過用這個框架,儘量使用框架中的東西

 

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