>  기사  >  웹 프론트엔드  >  자바스크립트에서 요청 매개변수를 얻는 방법

자바스크립트에서 요청 매개변수를 얻는 방법

藏色散人
藏色散人원래의
2021-06-21 11:26:0424257검색

JavaScript를 통해 요청 매개변수를 가져오는 방법: 1. JavaScript를 통해 브라우저의 URL을 가져옵니다. 2. Javascript를 통해 URL의 특정 매개변수 값을 가져옵니다. 3. jquery를 통해 URL 매개변수를 가져오는 jQuery용 메서드를 확장합니다. .

자바스크립트에서 요청 매개변수를 얻는 방법

이 문서의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

Javascript에서 요청 매개변수를 얻는 방법은 무엇입니까?

JavaScript는 get 메소드에서 요청 매개변수 값을 얻습니다

1. JavaScript를 통해 브라우저 URL을 얻는 구현

window.location.href

사실 JavaScript의 기본 창 개체만 사용합니다.

2. Javascript를 통해 URL의 특정 매개변수 값을 가져옵니다.

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

매개변수 값을 가져오려면 이 함수를 통해 URL에 매개변수 이름을 전달합니다. bb 및 aa 값을 가져오려면 다음과 같이 작성할 수 있습니다.

http://127.0.0.1:8020/JavaScriptFunction/index.html?bb=1&aa='张三'

3. 이 메서드를 사용하여 jquery를 통해 URL 매개변수를 가져오는 jQuery용 메서드를 확장할 수 있습니다. ) jquery

var bb = getUrlParam('bb');
var aa = getUrlParam('aa')

4. 획득한 매개변수에 대해 중국어 문자 깨짐 문제 방지

매개변수 전달 시 한자를 인코딩하는 데 encodeURI가 사용되는 것으로 확인됩니다. 따라서 위 방법에서는 매개변수 인코딩을 구문 분석할 때 decodeURI를 사용합니다. Javascript에 매개변수에 대한 일관된 인코딩 및 디코딩 방법이 있는지 확인하여 중국어 문자 왜곡을 방지할 수 있습니다.

JavaScript에는 일반적으로 사용되는 두 가지 인코딩 및 디코딩 기능이 있습니다.

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

[추천 학습:

javascript 고급 튜토리얼

]

위 내용은 자바스크립트에서 요청 매개변수를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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