小左闲谈

JS实现HTML静态页面URL跳转传值

当前位置:首页 » 笔记 » 本页
In 笔记  @2016-10-20

在跳转的url里面加入参数,格式如下:

http://www.abc123.com/index.html?page=12&id=525

其中,”?”后面为键值对,”=”左边是键,右边是值。

写一个截取url获取参数的方法。

/**
 * 获取url传过来的参数
 * @return 	array
 */
function getRequest() {  
    var url = location.search; //获取url中"?"符后的字串   
    var theRequest = new Object();  
    if (url.indexOf("?") != -1) {  
        var str = url.substr(1);  
        strs = str.split("&");
        for (var i = 0; i < strs.length; i++) {  
            theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }  
    }else{
    theRequest = null;
    }
    return theRequest;
}

在跳转后的页面调用这个getRequest()方法,即可获取到数据了。

var GET = getRequest();
if(GET){
    var page = GET.page, id = GET.id;
}
console.log("获取到的数据:page=" + page + "-------id=" + id);
若无特殊声明,表示本文由:小左闲谈.原创
链接地址: http://blog.m1910.com/archives/1558.html
版权所有 © 转载时请以链接形式注明作者和原始出处!
标签: , ,   评论: 抢沙发  被围观 1,344 次

发表一下你的看法

您将是第一位评论人!

avatar
wpDiscuz