您现在的位置：首页 >> 前端 >> 内容

页面之前跳转和页面之间传递参数

时间：2017/10/8 10:14:00 点击：

　　核心提示：问题描述，有两个页面A，B：如何把A页面的数据专递到B页面；解决方法：1）利用超链接a标签，这个大家都会了，在这不解释了2）利用url地址栏转递参数用法：2，1这是跳转到B页面和url和参数的拼接$(...

问题描述，有两个页面A，B：如何把A页面的数据专递到B页面；

解决方法：

1）利用超链接a标签，这个大家都会了，在这不解释了

2）利用url地址栏转递参数

用法：

2，1这是跳转到B页面和url和参数的拼接

$("#departA").on("click",function(){
    var $this= $(this).html();
    var data={
        name:$this
    }
    var url="../pages/placeDeparture.html"

    window.location.href =grow(data,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; }

B页面取url的参数

var GetQuerys =GetQueryString("names","")||$("#attachB").html();

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;
}