js获取另一个页面的参数值

清清前端

已于 2023-05-31 17:34:49 修改

阅读量1.7k

点赞数 1

文章标签： javascript 前端开发语言

于 2022-08-01 12:06:59 首次发布

本文链接：https://blog.csdn.net/qing_er_/article/details/126098609

版权

以layui框架下为例，编辑操作需要将id从列表查询页传到编辑页中去找到我们要编辑的那条数据

        // 监听行工具栏
        table.on('tool(currentTableFilter)', function (obj) {
            var data = obj.data;
            if (obj.event === 'edit') {
                var index = layer.open({
                    title: '编辑地址',
                    type: 2,
                    shade: 0.2,
                    maxmin:true,
                    shadeClose: true,
                    area: ['40%', '80%'],
                    content: 'addressEdit.html?id='+data.id,    //此处即为将id传到编辑页
                });
            } 
        });

将id传到编辑页之后，在编辑页中即可获取到此id值

 var id = GetQueryString('id')
 console.log(id)



 // 获取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; 
        }