常用代码 - 装载URL查询参数

  • 作者:KK

  • 发表日期:2017.5.16


当网址上有?aa=11&bb=22&cc=33的时候,我们会希望可以有快速的方式访问到这些参数的值,但看上去JS并没有内置的快速获取途径

下面是解析代码,当页面初始化的时候执行一下就好了

function loadQueryParams(url){
	var aParams = {};
	if(url.indexOf('?') != -1){
		var paramsStr = url.split('?')[1],
			aParamsArr = paramsStr.split('&'),
			aParamsPropertyArr = [];
		for(var j in aParamsArr){
			aParamsPropertyArr = aParamsArr[j].split('=');
			var key = aParamsPropertyArr[0],
				value = aParamsPropertyArr[1];
			aParams[key] = value;
		}
	}
	return aParams;
}

var GET = {};
window.addEventListener('load', function(){
	//GET = loadQueryParams(location.href);
	GET = loadQueryParams('http://xxx.com?aa=11&bb=22&cc=33'); //模拟
	console.log(GET.aa, GET.bb, GET.cc); //11 22 33
});