码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript操作querystring的几种方法

时间:2018-08-29 14:50:53      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:decode   bst   参数   方法   pre   nbsp   return   内容   arch   

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的几种方法

标签:decode   bst   参数   方法   pre   nbsp   return   内容   arch   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!