首页 > 编程语言 > 详细

JavaScript操作querystring的几种方法

时间:2018-08-29 12:28:55      阅读:184      评论:0      收藏:0      [点我收藏+]

1、设置地址栏参数

function setQueryString(key, val) { //传进想设置querystring的key和value
    var search = location.search.substr(1); //获取地址栏 "?"后的内容
    var query = {};
    if (search) {
        search.split(‘&‘).forEach((item) => {
            var arr = item.split(‘=‘);
            query[arr[0]] = arr[1];
        });
    }
    query[key] = val;
    var queryArr = [];
    for (var p in query) {
        queryArr.push(p + ‘=‘ + query[p]);
    }
    history.replaceState(null, null, ‘?‘ + queryArr.join(‘&‘));
};

2、获取地址栏参数

function getQueryString(name) { //传进想要获取的querystring的key
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURIComponent(r[2]);
    return null;
};

 

JavaScript操作querystring的几种方法

原文:https://www.cnblogs.com/Evo1uti0n/p/9552788.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!