小程式頁面跳轉,資料傳遞,json字串轉物件並使用
阿新 • • 發佈:2018-11-30
小程式頁面跳轉,資料傳遞,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"
}
效果: