>  기사  >  웹 프론트엔드  >  jquery를 사용하여 URL 매개변수를 얻는 방법은 무엇입니까?

jquery를 사용하여 URL 매개변수를 얻는 방법은 무엇입니까?

青灯夜游
青灯夜游원래의
2020-11-23 09:51:506981검색

방법: 먼저 "new RegExp("(^|&)"+name+"=([^&]*)(&|$)")"를 사용하여 대상 매개변수를 포함하는 일반 개체를 구성한 다음 "location"을 사용합니다. . search.substr(1).match()"는 대상 매개변수와 일치하고 마지막으로 매개변수 값을 반환합니다.

jquery를 사용하여 URL 매개변수를 얻는 방법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

관련 권장 사항: "jQuery Tutorial"

How to use jquery to get url and url 매개변수

1. jquery로 URL을 얻는 것은 매우 간단합니다. 코드는 다음과 같습니다:

window.location.href;

In 사실, javascript의 기본을 사용했을 뿐입니다. window 객체는 jquery 지식을 사용하지 않습니다.

2. jquery를 사용하면 URL 매개변수를 가져오는 것이 더 복잡하고, 정규 표현식을 사용하므로 자바스크립트 정규 표현식을 잘 배우는 것이 매우 중요합니다.

먼저, url에서 특정 매개변수를 가져오는 방법을 살펴보겠습니다.

   //获取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://localhost:33064/WebForm2.aspx입니다. ?reurl=WebForm1.aspxhttp://localhost:33064/WebForm2.aspx?reurl=WebForm1.aspx

我们要获取reurl的值,可以这样写:

var xx = getUrlParam('reurl');

明白了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');

完整代码:

JavaScript unescape() 函数

定义和用法

unescape() 函数可对通过 escape() 编码的字符串进行解码。

参数 描述
string 必需。要解码或反转义的字符串。

说明

该函数的工作原理是这样的:通过找到形式为 %xx 和 %uxxxx 的字符序列(x 表示十六进制的数字),用 Unicode 字符 u00xx 和 uxxxx 替换这样的字符序列进行解码。

提示和注释

注释:ECMAScript v3 已从标准中删除了 unescape() 函数,并反对使用它,因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。

reurl의 값을 얻으려면 다음과 같이 작성할 수 있습니다.

rrreee

자바스크립트에서 url 매개변수를 얻는 방법을 이해합니다. 이 방법을 사용하여 다음에 대한 방법을 확장할 수 있습니다. jquery를 통해 URL 매개변수를 가져오는 코드입니다. 다음 코드는 jquery에 대한 getUrlParam() 메서드를 확장합니다.
    rrreee
  • jquery에 대해 이 메서드를 확장한 후 다음 메서드를 통해 특정 매개변수의 값을 가져올 수 있습니다.

    rrreee

  • JavaScript unescape() 함수

  • 정의 및 사용법

unescape() 함수는 escape()로 인코딩된 문자열을 디코딩할 수 있습니다.

매개변수 설명
string 필수입니다. 디코딩하거나 이스케이프 해제할 문자열입니다.
Explanation🎜🎜이 함수는 다음과 같이 작동합니다. %xx 및 %uxxxx(x는 16진수를 나타냄) 형식의 문자 시퀀스를 찾아 이를 대체합니다. 디코딩을 위한 유니코드 문자 u00xx 및 uxxxx가 포함된 문자 시퀀스. 🎜🎜🎜팁 및 참고 사항🎜🎜🎜참고: ECMAScript v3은 표준에서 unescape() 함수를 제거하고 더 이상 사용되지 않으므로 decodeURI() 및 decodeURIComponent()로 대체해야 합니다. 🎜🎜요약: JavaScript는 매개변수에 대해 동일한 인코딩 및 디코딩 방법을 사용해야 합니다: 🎜🎜🎜🎜escape() 및 unescape()🎜🎜🎜🎜encodeURI() 및 decodeURI()🎜🎜🎜🎜encodeURIComponent() and decodeURIComponent( )🎜🎜🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 비디오 코스🎜를 방문하세요! ! 🎜

위 내용은 jquery를 사용하여 URL 매개변수를 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.