小程序页面跳转,数据传递,json字符串转对象并使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sinat_27741463/article/details/83621941

小程序页面跳转,数据传递,json字符串转对象并使用

1.新建一个文件夹和page,随便取名,我这里是qrcontent,如下:

在这里插入图片描述

2.页面跳转并传递数据

index.js跳转qrcontent.js,在index.js方法中添加代码:

success: function (res) {
  var str = res.data
  wx.navigateTo({    //保留当前页面,跳转到应用内的某个页面(最多打开5个页面,之后按钮就没有响应的)
    url: "/pages/qrcontent/qrcontent?json=" + str
  })
}

qrcontent.js:

onLoad: function (options) {
    var that = this

    var jsonStr = options.json;
    if (typeof jsonStr != 'object') {
      jsonStr = jsonStr.replace(/\ufeff/g, "");//重点
      var jobj = JSON.parse(jsonStr);// 转对象
      options.json = jobj;
    }
    that.setData({
      jdata : options.json
    })
  },

qrcontent.xml:

  <text class="content-jdata">{{jdata.message}}\n</text> 
  <text class="code-jdata">{{jdata.code}}</text>
jdata.code和jdata.message对应网络请求response的数据结构层次
{
  "code":"1000",
  "message":" 上传成功,mark: 2318558242"
}

效果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/sinat_27741463/article/details/83621941