微信小程序 - 参数传递

微信小程序 - 参数传递

 

 

小程序传递参数的方式有三种：

（1）通过在App.js中设置全局变量

（2）通过拼接URL直接传递

（3）通过数据缓存存储再获取

 

 

1.app.js

通常把不会更改的数据放在app.js的Data中，在各个页面中都可以通过APP实例获取Data数据。

var app = getApp();

 

var data = app.data;

 

2.wx.navigateTo({})中URL携带参数

wx.navigateTo({
  url: 'test?id=1'
});

 

3. 数据缓存

① wx.setStorageSync(KEY,DATA)存储数据

try {

  wx.setStorageSync('key', 'value')

} catch (e) {    

}

 

② wx.getStorageSync(KEY)获取数据

try {

  var value = wx.getStorageSync('key')

  if (value) {

    // Do something with return value

  }

} catch (e) {

   // Do something when catch error

}

或

wx.getStorage({

  key: 'key',

  success: function(res) {

     console.log(res.data)

  }

 

})

 

然而，根据所传递参数的数据类型的不同，如对象、数组集合需要进行相应的处理。本质上都是String类型的传递。

 

1、传递基本数据类型

 

Page({  

  data: {

    testStr: 'xiaochengxu'

  },

  next: function(e){

    wx.navigateTo({

      url: '/test/test?str=' + this.data.testStr

    })

  }

})

 

Page({

  onLoad:function(options){  

    console.log("接收到的参数是str = "+options.str);  

  }

})

 

打印内容：接收到的参数是str=xiaochengxu

 

2，传递对象

 

Page({

  data: {

    testData:{name:'username', password:'password'}  

  },

  next: function(e){

    wx.navigateTo({

       url: '/test/test?testData='+JSON.stringify(this.data.testData)

    })

  }

})

 

Page({

  data:{

    testData:null

  },

onLoad:function(options){

   console.log("接收到的参数是testData="+options.testData);

   this.data.testData = JSON.parse(options.testData);

}})  

 

打印内容：

接收到的参数是testData={"name":"username","password":"password"}

 

3，传递数组集合

 

Page({

  data: {

    list:['item-A','item-B']

  },

  next: function(e){

    wx.navigateTo({

      url: '/test/test?list='+JSON.stringify(this.data.list),

    })

  }

})

 

Page({  

  data:{

    list:[]

  },

onLoad:function(options){

   console.log("接收到的参数是list="+options.list); 

   this.data.list = JSON.parse(options.list);  

}})

 

打印内容：接收到的参数是list=["item-A","item-B"]

 

 

统一处理：

 

var dealParam = function(data) {

  for(var i in data) {

    if (typeof data[i] == ‘string’){

      console.log(“key=”+i+“; value=”+data[i]);

    } else if (typeof data[i] == ‘object’) {

      dealParam(data[i]);

    }

  }

 

}