美文网首页让前端飞Web前端之路前端开发
小程序传参的参数中有问号

小程序传参的参数中有问号

作者: 雅雅的前端工作学习 | 来源:发表于2019-01-03 20:33 被阅读213次

    有时从一个页面导航到另一个页面需要携带参数,而正巧的是,参数中含有问号(?),此时,后面的页面在onLoad: function (options)中是拿不到我们想要的数据的
    比如:

    wx.navigateTo({
    url: "../about/about?a=3?3"
    })
    我们拿到的options中却是:

    {a=3}
    后面的数据直接丢失了

    解决方法有三:

    一、将该参数设为全局变量

    var app = getApp()
    app.globalData.paramsName = " "
    然后在需要的界面去取

    二、存入storage

    wx.setStorageSync("paramName", "paramValue")
    然后在需要的界面使用

       wx.getStorage({
          key: 'paramName',
          success: function(res) {
            console.log(res.data)
          },
       })
    
    三、使用escape转码 和 unescape解码
    let data = escape("4?4")
    wx.navigateTo({
      url: "../about/about?a=" + data
    

    })
    onLoad: function (options) {

    console.log(options)
    let a = options.a 
    a = unescape(a)
    console.log(a)
    

    }

    和三一样,还可以使用 encodeURIComponent 和 decodeURIComponent

    相关文章

      网友评论

        本文标题:小程序传参的参数中有问号

        本文链接:https://www.haomeiwen.com/subject/yrwqrqtx.html