집 > 기사 > 웹 프론트엔드 > url 및 url 매개변수를 얻는 jquery의 방법에 대한 자세한 설명

url 및 url 매개변수를 얻는 jquery의 방법에 대한 자세한 설명

php中世界最好的语言원래의: 2018-04-26 10:45:381401검색

이번에는 jquery가 url 및 url 매개변수를 얻는 방법에 대해 자세히 설명하겠습니다. jquery가 url 및 url 매개변수를 얻는 데 있어 주의 사항은 무엇입니까? 다음은 실제 사례입니다.

jquery를 사용하여 URL을 가져오고 jquery를 사용하여 URL 매개변수를 가져오는 것은 우리가 자주 사용하는 작업입니다

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

window.location.href;

사실, 기본 javascript window object를 사용하며 jquery에 대한 지식은 없습니다.

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

먼저 url 매개변수를 가져오는 방법을 살펴보겠습니다. javascript를 통해 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.aspx

reurl을 얻고 싶습니다. 값은 다음과 같이 작성할 수 있습니다.

var xx = getUrlParam('reurl');

javascript에서 url 매개변수를 얻는 방법을 이해하면 이 방법을 사용하여 jquery에 대한 방법을 확장할 수 있습니다. jquery를 통해 URL 매개변수를 얻습니다. 다음 코드는 jquery

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

에 대한 getUrlParam() 메서드를 확장한 후 다음 메서드를 통해 특정 매개변수의 값을 가져올 수 있습니다.

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

전체 코드:

2014-4-23 Modification

오늘 위의 방법을 사용하여 URL의 매개변수를 얻을 때 URL에 전달된 중국어 매개변수는 구문 분석 중에 어떻게 테스트하더라도 왜곡됩니다. 디버깅을 좀 해보니 매개변수를 전달할 때 한자 인코딩에 encodeURI를 사용한 반면, 위의 방법은 매개변수 인코딩을 구문 분석할 때 unescape를 사용했다는 사실을 발견했습니다. 그냥 decodeURI로 변경하면 됩니다.

첨부 파일: W3School 소개:

JavaScript unescape() 함수

정의 및 사용법

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

매개변수	설명
string	필수입니다. 디코딩하거나 이스케이프 해제할 문자열입니다.

Explanation

함수는 다음과 같이 작동합니다. %xx 및 %uxxxx(x는 16진수를 나타냄) 형식의 문자 시퀀스를 찾아서 이를 유니코드 문자 u00xx 및 uxxxx 문자 시퀀스로 바꾸어 디코딩합니다. .

팁 및 참고 사항

참고: ECMAScript v3은 표준에서 unescape() 함수를 제거하고 더 이상 사용되지 않으므로 decodeURI() 및

decodeURIComponent()로 대체해야 합니다.

요약하자면: JavaScript는 매개변수에 대해 동일한 인코딩 및 디코딩 방법을 가져야 합니다:

escape() unescape()

encodeURI() decodeURI()

encodeURIComponent() decodeURIComponent()

또 다른 javascript 획득 발견 url의 매개변수에 대한 온라인 방법:

<script language="JavaScript" type="text/javascript"> 
function GetUrlParms()  
{
  var args=new Object();  
  var query=location.search.substring(1);//获取查询串  
  var pairs=query.split("&");//在逗号处断开  
  for(var  i=0;i<pairs.length;i++)  
  {  
    var pos=pairs[i].indexOf('=');//查找name=value  
      if(pos==-1)  continue;//如果没有找到就跳过  
      var argname=pairs[i].substring(0,pos);//提取name  
      var value=pairs[i].substring(pos+1);//提取value  
      args[argname]=unescape(value);//存为属性  
  }
  return args;
}
var args = new Object();
args = GetUrlParms();
//如果要查找参数key:
if(args["id"]!=undefined)
{
//如果要查找参数key:
var value1 = args["id"] ;
alert(value1);
}</script>

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트에 있는 다른 관련 기사를 주목하세요!