jQuery 获取url参数方法
阅读 (1518) 2018-06-19 16:43:37
在写H5时,经常会需要获取url参数的事情发生,在没有后端的配合的情况下,用jQuery写个方法获取url中参数即可
直接上代码:
// 正则获取URL参数方法
$.getUrlParam = function(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURI(r[2]);
return null;
}
// 这里是使用方法,获取url中?id=xxx中的id参数值
var id = $.getUrlParam('id');
但上面方法遇到中文,也会有编码问题,
可将
decodeURI
换成
decodeURIComponent
还有另一种获取参数的方法
$.getUrlParam = function(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return unescape(pair[1]);
}
}
return (false);
}
这两种方法在React 或vue 类型的hash路由中,无法兼容,原因在于使用了window.location.search作为获取参数的目标
用这里写的方法即可:https://returnc.com/detail/3789
更新于:2020-06-28 17:30:36