jquery获取url参数

网络新闻 2022-09-21 08:59www.168986.cn长沙seo优化

jquery如何获取url参数?我们一起了解一下吧!

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作。

jquery获取url的代码是

window.location.href;

jquery获取url参数比较复杂,需要用到正则表达式。正则表达式又称规则表达式,在代码中常简写为regex、regexp或RE,通常被用来检索、替换那些符合某个模式(规则)的文本。

我们先了解通过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; //返回参数值
}

明白了javascript获取url参数的方法,我们可以通过这个方法为jquery扩展一个方法来通过jquery获取url参数,下面的代码为jquery扩展了一个getUrlParam()方法

  (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);

为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了

 var xx = $.getUrlParam('reurl');

以上就是小编收集整理出来的,望能够帮助到大家。

上一篇:vue router传参 下一篇:vue router跳转

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by