利用javascrit获取url传递的参数

原创 15342886500 教程 javascript 303阅读 2017-12-20 10:02:28 举报

获取url所有的参数
我们可以直接通过window.location.search来取得这部分,也就是我们需要的url参数。
当url没有包含?时,window.location.search会返回undefined。
function getUrlVal(str){
if(!str || str.indexOf('?') != 0) return false;
var urlValArry = str.replace('?','').split('&');
var urlValObject = {};
for(var i in urlValArry){
urlValObject[urlValArry[i].split('=')[0]] = urlValArry[i].split('=')[1];
};
return urlValObject;
};
// https://github.com/search?utf8=%E2%9C%93&q=javascript
var urlStr = window.location.search.replace('?','');
console.log(getUrlVal(urlStr)); //输出 Object {utf8: "%E2%9C%93", q: "javascript"}
获取url中指定键名(name)的键值(val)
function getOneVal(str,name){
if(!str || str.indexOf('?') != 0) return false;
var afterNameStr = str.replace('?','').split(name)[1];
var strFirstSite = afterNameStr.indexOf('&');
// 返回第一个&位置,如果没有'&'则返回字符串长度
strFirstSite = (strFirstSite == -1) ? afterNameStr.length : strFirstSite
var reslt = afterNameStr.slice(1,strFirstSite);
return reslt;
};
// 'http://www.gotoplay.com/active?itemtype=sport&active=basketball&time=20160614&place=N230&peopleNum=657'
var urlStr = window.location.search;
console.log(getOneVal(urlStr,'time')) //输出20160614
console.log(getOneVal(urlStr,'peopleNum')) //657
将方法绑定到原型链上
String.prototype.toObj = function(key){
/
如果有传入key,那么就只返回key对应的Val(找不到则返回undefined)
如果没有传入key,那么就返回一个object对象
/
var str = this;
if(str.indexOf('?') != 0) return {};
if(str.indexOf(key) == -1) return undefined;
var tmpArry = str.replace('?','').split('&');
var reslt = {};
for(var i in tmpArry){
var tempKeyVal = tmpArry[i].split('=');
if(!!key) {
if(tempKeyVal[0] != key) reslt = undefined;
reslt = tempKeyVal[1];
break;
}else {
reslt[tempKeyVal[0]] = tempKeyVal[1];
}
};
return reslt;
};
// http://www.gotoplay.com/active?itemtype=sport&active=basketball&time=20160614
var urlStr = window.location.search;
console.log(urlStr.toObj()) //{itemtype:'sport',active:'basketball',time:'20160614'}
console.log(urlStr.toObj('active')) //basketball
利用正则表达式来获取参数
强大的正则总是让人心生向往,利用正则无疑是最简洁优雅的一种方法
获取指定某个参数
function getUrlParam(url,name){
if(!name) return;
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'),
r = url.substr(1).match(reg);
if (r != null) {
return (r[2]);
}else{
return null;
}
}
获取所有的参数
function parse_url(url){
if(!url) return;
var pattern = /(\w+)=(\w+)/ig;
var parames = {};
url.replace(pattern, function(a, b, c){
parames = c;
});
return parames;
}

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复