微信小程序实现两个页面传值的方法分析


Posted in Javascript onDecember 11, 2018

本文实例讲述了微信小程序实现两个页面传值的方法。分享给大家供大家参考,具体如下:

需求:发送页面通过url传值,接收页面获取值。

发送页面的js

var nowid='10';
wx.navigateTo({
  url: '../index/index?id='+nowid,
})

或者发送页面用navigate 组件:

<navigate url="xxx?id=10"></navigate >

如果id是page里面data的数据。是动态的,那么可以写成:

<navigate url="xxx?id={{pid}}"></navigate >

这种方式也是通过接收页面的onload来获取id的

接收页面的js

在接收页面onload的函数里就可以获取到值:

onLoad: function (options) {
  var _obj=options.id;
  console.log(_obj)
}

(1) 接收页面获取到的 options 就是发送页面的 url 中 问号后面传过来的值

(2) 如果传过来的值是一个json对象,那么需要现在发送页面把这个对象JSON.Stringfy转化成字符串,然后 接收页面 再使用JSON.parse转化成json对象就行。

还有种方法是通过小程序的本地存储 wx.setStorage()等API接口来实现-----》发送页面存入,接收页面在接受。当然,不需要的时候可以把存入的数据删掉

还有一种方式就是:在app.js中设置数据,然后其它页面在需要的时候,就可以通过  app.数据等形式来获取。当然,需要在接收数据的页面声明:

var app=getApp();

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
JavaScript中也使用$美元符号来代替document.getElementById
Jun 19 Javascript
javascript针对DOM的应用分析(三)
Apr 15 Javascript
网站404页面3秒后跳到首页的实例代码
Aug 16 Javascript
jQuery写fadeTo示例代码
Feb 21 Javascript
jQuery scroll事件实现监控滚动条分页示例
Apr 04 Javascript
node.js中Socket.IO的进阶使用技巧
Nov 04 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
JavaScript中的Object对象学习教程
May 20 Javascript
iview同时验证多个表单问题总结
Sep 29 Javascript
微信小程序收货地址API兼容低版本解决方法
May 18 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
May 29 Javascript
JQuery Ajax如何实现注册检测用户名
Sep 25 jQuery
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 #jQuery
微信小程序实现的3d轮播图效果示例【基于swiper组件】
Dec 11 #Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 #Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
Dec 11 #Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 #Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
Dec 11 #jQuery
如何让node运行es6模块文件及其原理详解
Dec 11 #Javascript
You might like
PHP中的错误处理、异常处理机制分析
2012/05/07 PHP
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
基于php常用正则表达式的整理汇总
2013/06/08 PHP
PHP文件生成的图片无法使用CDN缓存的解决方法
2015/06/20 PHP
WordPress中给文章添加自定义字段及后台编辑功能区域
2015/12/19 PHP
PHP面向对象学习之parent::关键字
2017/01/18 PHP
ArrayList类(增强版)
2007/04/04 Javascript
js 变量类型转换常用函数与代码[比较全]
2009/12/01 Javascript
在html页面上拖放移动标签
2010/01/08 Javascript
利用JS自动打开页面上链接的实现代码
2011/09/25 Javascript
js判断浏览器类型的方法
2013/08/07 Javascript
Javascript学习笔记之相等符号与严格相等符号
2014/11/23 Javascript
jQuery中:not选择器用法实例
2014/12/30 Javascript
js实现鼠标感应图片展示的方法
2015/02/27 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
2015/10/21 Javascript
基于jquery实现日历签到功能
2020/09/11 Javascript
深入剖析JavaScript中的函数currying柯里化
2016/04/29 Javascript
微信小程序中使用javascript 回调函数
2017/05/11 Javascript
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
js 将多个对象合并成一个对象 assign方法的实现
2020/09/24 Javascript
python thread 并发且顺序运行示例
2009/04/09 Python
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
python itchat实现微信好友头像拼接图的示例代码
2017/08/14 Python
Python with语句上下文管理器两种实现方法分析
2018/02/09 Python
深入浅析python with语句简介
2018/04/11 Python
python中yield的用法详解——最简单,最清晰的解释
2019/04/04 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
2012/07/11 HTML / CSS
定义css设备类型-Media Queries图表简介及使用方法
2013/01/21 HTML / CSS
详解淘宝H5 sign加密算法
2020/08/25 HTML / CSS
幼儿园实习生辞职信
2014/01/20 职场文书
2014年教师党员自我评价范文
2014/09/22 职场文书
工程进度款催款函
2015/06/24 职场文书
Nginx反向代理学习实例教程
2021/10/24 Servers
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers