>  기사  >  웹 프론트엔드  >  JS는 키 값을 기준으로 URL의 매개변수 값을 얻어서 URL 매개변수를 json object_javascript 기술로 변환합니다.

JS는 키 값을 기준으로 URL의 매개변수 값을 얻어서 URL 매개변수를 json object_javascript 기술로 변환합니다.

WBOY
WBOY원래의
2016-05-16 15:42:391381검색

더 이상 헛소리하지 말고 코드만 게시해 보겠습니다. 예제 1에서는 JS가 키 값을 기반으로 URL에서 매개 변수 값을 가져오고 URL 매개 변수를 json 개체로 변환하는 방법을 설명합니다. 자세한 내용은 아래 URL을 참조하세요.

예 1:

//url의 매개변수 부분을 json 객체로 변환

 parseQueryString: function (url) {
  var reg_url = /^[^\?]+\?([\w\W]+)$/,
   reg_para = /([^&=]+)=([\w\W]*?)(&|$|#)/g,
   arr_url = reg_url.exec(url),
   ret = {};
  if (arr_url && arr_url[1]) {
   var str_para = arr_url[1], result;
   while ((result = reg_para.exec(str_para)) != null) {
    ret[result[1]] = result[2];
   }
  }
  return ret;
 }

// 키를 통해 URL의 매개변수 값을 가져옵니다

 getQueryString: function (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;
 }

예 2:

js는 두 가지 방법을 통해 URL 전달 매개변수를 얻습니다.

URL 전달 매개변수를 얻는 JS 방법:

다음은 ASP의 request.querystring 및 PHP의 $_GET
에 해당하는 QUESTRING 매개변수가 있는 URL을 얻기 위한 JAVASCRIPT 클라이언트 솔루션입니다. 기능:

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

그런 다음 이 함수를 호출하여 해당 매개변수 값을 가져옵니다.

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[''参数1''];
参数2 = Request[''参数2''];
参数3 = Request[''参数3''];
参数N = Request[''参数N''];
</Script>

URL 문자열에서 동일한 이름을 가진 매개변수 가져오기

js에서 URL 전달 매개변수를 얻는 방법 2 정기 분석 방법:

function GetQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
  var r = window.location.search.substr(1).match(reg);
  if (r!=null) return (r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

기타 매개변수 소개:

//객체가 지정한 파일 이름이나 경로를 설정하거나 가져옵니다.

alert(window.location.pathname);

//전체 URL을 문자열로 설정하거나 가져옵니다.

alert(window.location.href);

//URL과 연결된 포트 번호를 설정하거나 가져옵니다.

alert(window.location.port);

//URL의 프로토콜 부분을 설정하거나 가져옵니다.

alert(window.location.protocol);

//href 속성에서 파운드 기호 "#" 다음에 세그먼트를 설정하거나 가져옵니다.

alert(window.location.hash);

//위치 또는 URL의 호스트 이름과 포트 번호를 설정하거나 가져옵니다.

alert(window.location.host);

//href 속성에서 물음표 뒤에 오는 부분을 설정하거나 가져옵니다.

alert(window.location.search);

위 콘텐츠에서는 JS를 소개하여 키 값을 기반으로 URL의 매개변수 값을 얻고 URL 매개변수를 json 객체로 변환합니다. JS는 코드

라는 두 가지 방법으로 URL 전송 매개변수를 얻습니다.

매우 간단합니다. 모두에게 도움이 되기를 바랍니다.

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