jQuery获取地址栏url参数

方法一：

首先看看单纯的通过JavaScript是如何来获取url中的某个参数方法：

function getUrlParam(name)
{
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象\
    var r = window.location.search.substr(1).match(reg);  //匹配目标参数
    if (r!=null) return unescape(r[2]); return null; //返回参数值
}

通过这个函数传递url中的参数名就可以获取到参数的值，比如url为

http://figo.xcxin.top/admin/case?id=5

我们要获取id的值，调用上面的方法:

getUrlParam('id');

方法二：

也可以通过方法为jquery扩展一个方法来通过jquery获取url参数

(function($){
$.getUrlParam = function(name)
    {
        var reg = new RegExp("(^|&)" + name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r!=null) return unescape(r[2]); return null;
    }
})(jQuery);

通过这个函数传递url中的参数名就可以获取到参数的值，比如url为

http://figo.xcxin.top/admin/case?id=5

我们要获取id的值，调用上面的方法:

$.getUrlParam('id');