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


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 相关文章推荐
ExtJS 2.2.1的grid控件在ie6中的显示问题
May 04 Javascript
点击下载链接 弹出页面实现代码
Oct 01 Javascript
JavaScript 未结束的字符串常量常见解决方法
Jan 24 Javascript
javaScript 利用闭包模拟对象的私有属性
Dec 29 Javascript
JavaScript实现对下拉列表值进行排序的方法
Jul 15 Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 Javascript
JSON字符串转JSON对象
Jul 31 Javascript
js右下角弹出提示框示例代码
Jan 12 Javascript
使用angularjs创建简单表格
Jan 21 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
对vue v-if v-else-if v-else 的简单使用详解
Sep 29 Javascript
解决Vue中 父子传值 数据丢失问题
Aug 27 Javascript
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数组对比函数,存在交集则返回真,否则返回假
2011/02/03 PHP
PHP支持多种格式图片上传(支持jpg、png、gif)
2011/11/03 PHP
那些年一起学习的PHP(一)
2012/03/21 PHP
Laravel5中contracts详解
2015/03/02 PHP
浅谈PHP中JSON数据操作
2015/07/01 PHP
JavaScript中null与undefined分析
2009/07/25 Javascript
关于JavaScript与HTML的交互事件
2013/04/12 Javascript
window.location不跳转的问题解决方法
2014/04/17 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
JS长整型精度问题实例分析
2015/01/13 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
2016/02/25 Javascript
jQuery实现的简单拖动层示例
2017/02/22 Javascript
jQuery 实现双击编辑表格功能
2017/06/19 jQuery
JS 中document.write()的用法和清空的原因浅析
2017/12/04 Javascript
JS实现获取进今年第几天是周几的方法分析
2018/06/27 Javascript
微信小程序配置服务器提示验证token失败的解决方法
2019/04/03 Javascript
Vue+ElementUI项目使用webpack输出MPA的方法
2019/08/27 Javascript
解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题
2020/09/11 Javascript
深入了解Vue3模板编译原理
2020/11/19 Vue.js
[00:16]热血竞技场
2019/03/06 DOTA
python文件操作整理汇总
2014/10/21 Python
python通过zlib实现压缩与解压字符串的方法
2014/11/19 Python
python实现带错误处理功能的远程文件读取方法
2015/04/29 Python
Python Nose框架编写测试用例方法
2017/10/26 Python
Python读csv文件去掉一列后再写入新的文件实例
2017/12/28 Python
Python找出最小的K个数实例代码
2018/01/04 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
python的列表List求均值和中位数实例
2020/03/03 Python
Bath & Body Works阿联酋:在线购买沐浴和身体用品
2021/02/27 全球购物
求高于平均分的学生学号及成绩
2016/09/01 面试题
工作交流会欢迎词
2014/01/12 职场文书
小学班级特色活动方案
2014/08/31 职场文书
申报优秀教师材料
2014/12/16 职场文书
亚布力滑雪场导游词
2015/02/09 职场文书
用Python爬取英雄联盟的皮肤详细示例
2021/12/06 Python
详解Python flask的前后端交互
2022/03/31 Python