时间:2021-05-25
最后在做的页面,比如用户数据(用户头像,名称,年龄)这些信息,因为大部分页面都要用,之前是通过url地址传,另一页面接收。考虑到这样做会让url过长,因此,尝试使用cookie,把固定的值保存在cookie,其它页面拿出来就可以使用。
在此之前,先写通过url传值与取值的过程。url通过跳转页面,给跳转页的url问号后拼接参数的方法传值:
//问号后的userId / dialogId都是要传的参数//如果有多个参数,就用“&”拼接window.location.href = 'doctor_ask.html?userId=' + userId + "&dialogId=" + dialogId;在doctor_ask.html页面,把在url中的参数取下来,要使用一个方法getQueryString(),其中有一个方法是用来获取url中含有中文参数的:
function getQueryString( name ) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配 var context = ""; if (r != null) context = r[2]; reg = null; r = null; return context == null || context == "" || context == "undefined" ? "" : context;}//获取Url中中文参数的方法function getQueryUrlString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if(r != null) { return decodeURI(r[2]); } return "请选择";}使用方法获取参数:
第二种,通过cookie方法传值,我这里使用的是jQuery cookie,因此需要先加载jQuery与cookie:
<!--使用cookie--><script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script><script src="http://code.changer.hk/jquery/plugins/jquery.cookie.js"></script>在其中一个页面,比如首页,将要保存的值存放在cookie.
如果仅是一个id,直接使用键值对的方法保存即可:
//将id保存在cookie$.cookie('doctorId', '11916111-f2eb-11e4-b756-f40669963d49');//从cookie中取出idvar doctorId = $.cookie('doctorId');如果是多个值,需要将多个值放在对象中,保存这个对象:
//将多个值存放在对象中var userData = { userId: "11916122-f2eb-11e4-b756-f40669963d49", patientName: "张丽", patientAge: 23, patientSex: "F"}//将这个对象保存在cookie,它的键是对象名称,值为JSON.stirng(),目的是将这个对象解析为字符串,因为cookie的键与值都是字符串$.cookie('userData' , JSON.stringify(userData));如果在其它页面使用这个cookie中对象,可以取出这个对象并将对象转换为字符串
var userData = $.cookie('userData');if(userData){//JSON.parse() 将字符串解析为对象,方便使用 userData = JSON.parse(userData); };两个知识点:
//字符串解析为对象JSON.parse(对象名称);//对象解析为字符串JSON.stringify(对象名称);以上这篇页面间固定参数,通过cookie传值的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在ASP.NET中可以使用Server.Transfer实现在页面间传值,但这种方法需要创建源页面的实例,也就是使用一种面向对象的方法在页面间传值。这种方法的具
本文实例讲述了微信小程序实现两个页面传值的方法。分享给大家供大家参考,具体如下:需求:发送页面通过url传值,接收页面获取值。发送页面的jsvarnowid='
本文实例讲述了微信小程序页面间传值与页面取值操作。分享给大家供大家参考,具体如下:微信小程序页面间传值1.js页面间的传值:url:'路径?值='+获取
微信小程序页面传值详解一.跨页面传值.1.用navigator标签传值或wx.navigator,比如这里将good_id=16参数传入detail页面,然后d
本文实例总结了C#实现.net页面之间传值传参方法。分享给大家供大家参考。具体实现方法分析如下:一、QueryString传值一般来说,QueryString是