1. 程式人生 > >小程式頁面跳轉,資料傳遞,json字串轉物件並使用

小程式頁面跳轉,資料傳遞,json字串轉物件並使用

小程式頁面跳轉,資料傳遞,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"
}

效果:
在這裡插入圖片描述