页面跳转传值解析为json格式

最新推荐文章于 2025-06-01 14:41:07 发布

灿尔哈擦苏

最新推荐文章于 2025-06-01 14:41:07 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端开发 js 文章标签：页面间传值 js页面跳转传参页面间传值解析为js

本文链接：https://blog.youkuaiyun.com/susuzhe123/article/details/74943357

web前端开发同时被 2 个专栏收录

82 篇文章

订阅专栏

64 篇文章

订阅专栏

本文探讨了如何在页面跳转过程中将参数以JSON格式传递，并详细解析了接收和使用这些值的方法，主要关注JavaScript实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function parseURL(url){
    var url = url.split("?")[1];
    var para = url.split("&");
    var len = para.length;
    var res = {};
    var arr = [];
    for(var i=0;i<len;i++){
        arr = para[i].split("=");
        res[arr[0]] = arr[1];
    }
    return res;
}
定义好上面的函数后
var url = window.location.href;
var jsonUrl = parseURL(url);
console.log(jsonUrl),出来的虽然是对象格式的数据
但是再去jsonUrl.name  这样会报错（对象的name），想直接JSON.parse(jsonUrl)转换为json格式的，你会发现报错，因为中间有空格的原因或是其他
那么我们可以先将转化为字符串再转化为json这样就不会报错了
var jsonUrl = JSON.parse(json.stringify(parseURL(url)));  
这样就可以了，同样也可以使用eval（ parseURL(url)）也能解析，但是不推荐。下面是完整代码
//获取页面url并解析函数
function parseURL(url){
    var url = url.split("?")[1];
    var para = url.split("&");
    var len = para.length;
    var res = {};
    var arr = [];
    for(var i=0;i<len;i++){
        arr = para[i].split("=");
        res[arr[0]] = arr[1];
    }
    return res;
}
var url = window.location.href;
var getParam = JSON.parse(JSON.stringify(parseURL(url)));
console.log(getParam)最终想要的一个对象