jquery获取url参数

生活百科 2022-10-24 08:27www.ai-classes.cn生活常识

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

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

jquery获取url的代码是

window.location.href;

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

我们先了解通过javascript是获取url中的某个参数的代码

function getUrlParam(na)
{
var reg = new RegExp("(^|&)"+ na +"=([^&])(&|$)"); //构造一个含有目标参数的正则表达式对象
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 (na) {
     var reg = new RegExp("(^|&)" + na + "=([^&])(&|$)");
     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 © 2014-2025 Www.ai-classes.cn 爱句子网