WEB開發者之混合開發APP（十二）， 頁面間的參數傳遞方式

混合開發app中，頁面之間的參數傳遞方式，主要使用以下兩種。

---

1. 新建頁面的參數傳遞

傳遞參數：

//獲取商品分類id
var id = '121212';

//直接打開產品分類頁面,傳遞參數pid
mui.openWindow({
   url:'products.html',
   id:'products.html',
   extras:{
       pid:id
   }
});

獲取參數：
products.html頁面獲取參數需要寫在mui.plusReady中，如下：

 mui.plusReady(function(){
    var self = plus.webview.currentWebview();     //獲取當前頁面webview
    var pid = self.pid == null ? "" : self.pid;   //獲取傳遞給當前頁面的參數pid
 });

---

2. 預加載頁面參數傳遞

傳遞參數：

//預加載頁面
var detailPage = mui.preload({
    url:'productdetail.html',
    id:'productdetail.html'
});

//獲取商品id
var id ='12222';  

//觸發詳情頁自定義事件，傳遞參數id
mui.fire(detailPage,'productInfo',{id:id});

//打開詳情頁面
mui.openWindow({
     id:"productdetail.html"
 });

獲取參數：
productdetail.html中獲取參數方式，在自定義事件productInfo中，

//自定義事件,獲取參數id
window.addEventListener('productInfo',function(event){
        var id = event.detail.id;  //獲取傳遞的id值，event.detail.xx獲取xx的值
});

---

懂Html就能開發App，博文持續更新，博主QQ:260737830！