js-如何在两个页面之间互相传递数据？

最新推荐文章于 2023-11-02 15:01:43 发布

Call_me_small_pure

最新推荐文章于 2023-11-02 15:01:43 发布

阅读量9.3k

点赞数 2

分类专栏： web前端文章标签： url 传递数据 js 页面跳转

路漫漫其修远兮，吾将上下而求索～

本文链接：https://blog.csdn.net/Call_me_small_pure/article/details/78243272

版权

web前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

页面之间传递数据我们常用到的两种方式：

把要传递的数据作为字符串拼接到要跳转的url后面，另一个页面直接读取本页面的url

这是封装好的两个函数，直接拿来调用就可以

//把参数拼接到url后面
function grow(obj,url) {
    var s = '';
    for(var k in obj){
        s += "&"+k+"="+obj[k];
    }
    var Str = s.substr(1);

    if(url.indexOf("?") > -1){
        url = url+"&"+Str;
    }else{
        url = url+"?"+Str;
    }
    return url;
}


//从url读取数据
function GetQueryString(name,url)
{
    url = url || window.location.search.substr(1);
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = url.match(reg);
    if(r!=null)return decodeURI(r[2]);
    return null;
}


    //点击跳转到b页面
    $("跳转按钮").on("click",function () {

        var name = $("name").val();
        var id = $("id").val();

        var currentCity = {
            cityid:id,
            cityName:name
         };

        var url = "b.html";
        window.open( grow(currentCity,url),"_self"); 

    });

    //b页面读取数据
    var cityId = GetQueryString("cityid","");
    var cityName = GetQueryString("cityName","");