> 웹 프론트엔드 > JS 튜토리얼 > URL 구문 분석 쿼리 매개변수에 대한 JavaScript 코드 설명

URL 구문 분석 쿼리 매개변수에 대한 JavaScript 코드 설명

巴扎黑
풀어 주다: 2017-08-08 09:58:51
원래의
1478명이 탐색했습니다.

이 글에서는 간단한 코드를 통해 js가 url 쿼리 매개변수를 파싱하는 방법을 소개하고, 글 하단에 js가 url 매개변수 값을 얻는 두 가지 방법을 소개합니다. 매우 훌륭하고 참고할만한 가치가 있는 친구들입니다. 필요하면 참조하세요

더 이상 말도 안 되는 소리는 하지 마세요. 구체적인 코드는 다음과 같습니다.


var path = 'www.u.com/home?id=2&type=0&dtype=-1';
function parseUrl(url){
  var result = [];
  var query = url.split("?")[1];
  var queryArr = query.split("&");
  queryArr.forEach(function(item){
    var obj = {};
    var value = item.split("=")[0];
    var key = item.split("=")[1];
    obj[key] = value;
    result.push(obj);
  });
  return result;
}
console.log(parseUrl(path)); 
//[{id: '2'},{type: '0'},{dtype: '-1'}]
로그인 후 복사

자, URL을 얻는 두 가지 방법을 살펴보겠습니다. js의 매개변수 값

방법 1 : 일반 분석 방법

코드는 다음과 같습니다.


function getQueryString(name) { 
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
var r = window.location.search.substr(1).match(reg); 
if (r != null) return unescape(r[2]); return null; 
}
로그인 후 복사

호출 방법:


alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2")); 
alert(GetQueryString("参数名3"));
로그인 후 복사

방법 2

코드는 다음과 같습니다 :


<Script language="javascript"> 
function GetRequest() { 
var url = location.search; //获取url中"?"符后的字串 
var theRequest = new Object(); 
if (url.indexOf("?") != -1) { 
var str = url.substr(1); 
strs = str.split("&"); 
for(var i = 0; i < strs.length; i ++) { 
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); 
} 
} 
return theRequest; 
} 
</Script>
로그인 후 복사

통화 방법:


<Script language="javascript"> 
var Request = new Object(); 
Request = GetRequest(); 
var 参数1,参数2,参数3,参数N; 
参数1 = Request[&#39;参数1&#39;]; 
参数2 = Request[&#39;参数2&#39;]; 
参数3 = Request[&#39;参数3&#39;]; 
参数N = Request[&#39;参数N&#39;]; 
</Script>
로그인 후 복사

위 내용은 URL 구문 분석 쿼리 매개변수에 대한 JavaScript 코드 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿