2022-03-14 工作记录--JS-跳转页面时传递参数并且在新页面接收参数

举个例子：假如从A页面跳转到B页面，并携带参数convenient；然后在B页面那里接收到该参数。

A页面

function transformPage() {
    var convenient = $('select[name="convenient"]').val();
    // 下面是通过window.location.href跳转页面
    window.location.href = "{:url('finances/listtoexamine')}?convenient="+convenient; // 跳转页面并携带参数convenient
}

B页面

var get_url = location.search; //获取url中"?"符及其后面的字符串 ('?convenient=1')
var theRequest = new Object(); // 自定义一个空对象 {}
if ( get_url.indexOf( "?" ) != -1 ) { // 如果get_url里面包含了"?"符
    var str = get_url.substr(1); //substr()方法返回从参数值开始到结束的字符串，即去掉"?"符；
    var strs = str.split("&");
    for ( var i = 0; i < strs.length; i++ ) {
        theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
    }
}
console.log( theRequest ); //此时的theRequest就是我们需要的参数的对象合集 {convenient: '1'}

// 下面是我项目中的代码，可忽略
if(theRequest.convenient && theRequest.convenient != '') {
   $('select[name="convenient"]').val(theRequest.convenient);
}

再举个例子：假如从C页面跳转到D页面，并携带参数：aid和type；然后在D页面那里接收到该参数。

C页面

$('body').on('click','.latesDaysDetails',function () {
   var id = $(this).attr('data-id');

   layer.open({
        type: 2, // 注意：这儿是2（iframe层，可以以弹窗形式打开新页面）哟；假如为1（页面层）的话，content地方就不能写跳转地址，而要写htm代码啦哟。
        title: '迟到早退',
        area: ['335px', '450px'], //宽高
        content: "{:url('editLeaveDetail')}?aid="+id+"&type=2" // 跳转地址editLeaveDetail（PHP写法），并携带参数aid和type
   });
})

D页面

var get_url = location.search; // 获取url中"?"符及其后面的字符串 ('?aid=816&type=2')
var theRequest = new Object(); // 自定义一个空对象 {}
if ( get_url.indexOf( "?" ) != -1 ) { // 如果get_url里面包含了"?"符
    var str = get_url.substr(1); // substr()方法返回从参数值开始到结束的字符串，即去掉"?"符；
    var strs = str.split("&");
    for ( var i = 0; i < strs.length; i++ ) {
        theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
    }
}
console.log( theRequest ); //此时的theRequest就是我们需要的参数的对象合集 {aid:'816',type:'2'}

参考博文：https://blog.csdn.net/qq_29072049/article/details/80221694