页面间固定参数,通过cookie传值的实现方法

//问号后的userId / dialogId都是要传的参数
//如果有多个参数，就用“&”拼接
window.location.href = 'doctor_ask.html"&dialogId=" + dialogId;

/* 获取url后的某一个query的值 */
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 "请选择";
}

//调用方法获取参数，方法中的参数名是一个字符串
var userId = getQueryString('userId')

<!--使用cookie-->
<script src="/UploadFiles/2021-04-02/jquery.min.js">

在其中一个页面，比如首页，将要保存的值存放在cookie.
如果仅是一个id，直接使用键值对的方法保存即可：


//将id保存在cookie
$.cookie('doctorId', '11916111-f2eb-11e4-b756-f40669963d49');
//从cookie中取出id
var 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传值的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。