h5与小程序互相跳转,传参和获取参数
1、h5跳转到小程序
首先引入js文件
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
跳转方法
①跳转到小程序内页
wx.miniProgram.navigateTo({
url: '/pages/content/content',
//url: '/pages/content/content?id=1', 传参
});
②跳转到小程序tabbar页面
wx.miniProgram.switchTab({url: "/pages/index/index"})
2、小程序跳转到h5
①用webview标签,传入h5地址
<web-view src="{{path}}"></web-view>
②传参
this.setData({
path: options.path + '?data=' + '哈哈哈'
})
3、h5页面获取小程序传参
function getSearchString(key, Url) {
var str = Url;
str = str.substring(1, str.length);
var arr = str.split("?");
var obj = new Object();
for (var i = 0; i < arr.length; i++) {
var tmp_arr = arr[i].split("=");
obj[decodeURIComponent(tmp_arr[0])] = decodeURIComponent(tmp_arr[1]);
}
return obj[key];
}
var search = window.location.search;
var data = getSearchString('data', search);
4、小程序获取h5传参
onLoad方法中获取
onLoad: function (options) {
console.log(options.id);
},
作者:大BUG
出处:http://www.cnblogs.com/vientiane/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
2018-11-17 MongoDB 索引 和 explain 的使用
2018-11-17 MongoDB 数据库创建删除、表(集合) 创建删除、数据增删改查