欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序开发之页面传值

程序员文章站 2024-02-15 09:36:22
...

微信小程序开发之页面传值,主要是讲对象传值。

发送界面:

Page({  
      data: {
       comment:{name:'username', password:'password'}  
     },
onTouch: function(event) {   
  console.log(event)   
   wx.navigateTo({ 
    url: '../post/post?comment=' + JSON.stringify(this.data.comment)   
    })  
 }
 })

接收界面:

Page({
  data: { 
   comment: [],   
        },
    onLoad: function(options) {  
      var that = this;   
      console.log("接收到的参数是comment="+options.comment);  
       this.data.comment = JSON.parse(options.comment);  
      this.setData({    
       comment: JSON.parse(options.comment)
      })   
 }
 })

打印内容:接收到的参数是comment={“name”:“username”,“password”:“password”}

1.其中JSON.stringify与JSON.parse是需要注意的重点其作用是:

stringify(object): 将 object 对象转换为 JSON 字符串,并返回该字符串。
parse(string): 将 JSON 字符串转化成对象,并返回该对象。

2.如果出现这个错误:
微信小程序开发之页面传值
同时经我实验出现这个错误的原因也可能是传递的数值容量过大导致数据丢失而出现错误。
比如:这是我请求的数据微信小程序开发之页面传值
这是我请求到的数据微信小程序开发之页面传值
可以看到数据已经丢失了一部分进而出错。
最后其实我也是刚接触微信小程序不久,同时也借博客记录一下学习过程。话说我一个学通信工程的为什么来搞微信小程序