jQuery 获取url参数方法

阅读 (1518)
在写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
返回顶部