微信小程序传递参数以及接收数据的方法

166 阅读 0 评论 110 点赞

我是靠谱客的博主超帅冷风，这篇文章主要介绍微信小程序传递参数以及接收数据的方法，现在分享给大家，希望可以做个参考。

本篇文章给大家带来的内容是关于微信小程序传递参数以及接收数据的方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

当传递字符串的时候

复制代码//传递参数的jsclick:function(){
    var str='要传递的字符串'；
    wx.navigateTo({
      url: '../page/index?str=' + str
    })
}//在下个页面的onload中获取,
  onLoad: function (options) {
    var str= options.str;    //接收到的参数    str为上个页面传递的key值
    console.log(options.str)
  }1
2
3
4
5
6
7
8
9
10
//传递参数的jsclick:function(){
    var str='要传递的字符串'；
    wx.navigateTo({
      url: '../page/index?str=' + str
    })
}//在下个页面的onload中获取,
  onLoad: function (options) {
    var str= options.str;    //接收到的参数    str为上个页面传递的key值
    console.log(options.str)
  }
登录后复制

传递对象，数组的时候处理方式相同注意类型之间的处理

复制代码//传递参数的js    通过提供的JSON.stingify方法,将对象转换成字符串后传递
  click:function(){
    var objectModel={};    
    var model = JSON.stringify(objectModel);
    wx.navigateTo({
      url: '../page/index?model=' + model,
    })
  }//接收页面onLoad: function (options) {
    //将字符串转换成对象  model即为上个js中传递的key
    var objectModel = JSON.parse(options.model);   
  },11
2
3
4
5
6
7
8
9
10
11
//传递参数的js    通过提供的JSON.stingify方法,将对象转换成字符串后传递
  click:function(){
    var objectModel={};    
    var model = JSON.stringify(objectModel);
    wx.navigateTo({
      url: '../page/index?model=' + model,
    })
  }//接收页面onLoad: function (options) {
    //将字符串转换成对象  model即为上个js中传递的key
    var objectModel = JSON.parse(options.model);   
  },1
登录后复制