Javascript에서 URL 쿼리 매개 변수를 어떻게 구문 분석합니까?
사용할 가능성 :
javascript에서 URL을 얻을 수 있습니다
.
Javascript에서 URL (현재 URL이 아님)의 서열 변수를 어떻게 어떻게 수 있습니까?
처럼 :
www.domain.com/?v=123&p=hello
JSON에서 "p"를 얻을 수 있습니까?
오늘 (이 답변 이후 2.5 년) 안심하고 Array.forEach
. @ricosrealm이 제안한 대로이 decodeURIComponent
함수에 사용되었습니다.
function getJsonFromUrl(url) {
if(!url) url = location.search;
var query = url.substr(1);
var result = {};
query.split("&").forEach(function(part) {
var item = part.split("=");
result[item[0]] = decodeURIComponent(item[1]);
});
return result;
}
실제로는 그렇게 간단하지 않습니다 . 특히 다음과 같은 의견에서 피어 리뷰를 참조하십시오.
- 해시 기반 라우팅 (@cmfolio)
- 배열 매개 변수 (@ user2368055)
- decodeURIComponent (@AndrewF)의 적절한 사용
아마도 이것은 코드 리뷰 SE로해야하지만 여기에 더 안전하고 정규화 된 코드가 있습니다.
function getJsonFromUrl(url) {
if(!url) url = location.href;
var question = url.indexOf("?");
var hash = url.indexOf("#");
if(hash==-1 && question==-1) return {};
if(hash==-1) hash = url.length;
var query = question==-1 || hash==question+1 ? url.substring(hash) :
url.substring(question+1,hash);
var result = {};
query.split("&").forEach(function(part) {
if(!part) return;
part = part.split("+").join(" "); // replace every + with space, regexp-free version
var eq = part.indexOf("=");
var key = eq>-1 ? part.substr(0,eq) : part;
var val = eq>-1 ? decodeURIComponent(part.substr(eq+1)) : "";
var from = key.indexOf("[");
if(from==-1) result[decodeURIComponent(key)] = val;
else {
var to = key.indexOf("]",from);
var index = decodeURIComponent(key.substring(from+1,to));
key = decodeURIComponent(key.substring(0,from));
if(!result[key]) result[key] = [];
if(!index) result[key].push(val);
else result[key][index] = val;
}
});
return result;
}
또한 RFC 3986에 따라 인코딩하는 방법에 대한 유용한 가이드이기도 한이 기사+
에 따라 인코딩되지 않은 공간을 대체했습니다 .
참고 result[key][index] = val
: 새 배열 항목이 생성되고 열거 가능하므로 forEach
호출 로 반복 할 수 있습니다 . 따라서 다음과 같은 URL도 구문 분석 할 수 있습니다.
var url = "?foo%20e[]=a%20a&foo+e[%5Bx%5D]=b&foo e[]=c";
// {"foo e": ["a a", "c", "[x]":"b"]}
var obj = getJsonFromUrl(url)["foo e"];
for(var key in obj) { // Array.forEach would skip string keys here
console.log(key,":",obj[key]);
}
/*
0 : a a
1 : c
[x] : b
*/
다음과 같은 매개 변수를 포함하는 JavaScript 객체를 얻을 수 있습니다.
var regex = /[?&]([^=#]+)=([^&#]*)/g,
url = window.location.href,
params = {},
match;
while(match = regex.exec(url)) {
params[match[1]] = match[2];
}
정규식은 상당히 개선 될 수 있습니다. =
문자로 구분 된 이름-값 쌍을 찾고 &
문자 (또는 =
첫 번째 문자)로 구분 된 자체 쌍을 찾습니다 . 예를 들어 위의 결과는 다음과 같습니다.
{v: "123", p: "hello"}
다음은 작동하는 예 입니다.
var v = window.location.getParameter('v');
var p = window.location.getParameter('p');
이제 v와 p는 각각 123과 hello가있는 객체입니다.
참고 URL : https://stackoverflow.com/questions/8486099/how-do-i-parse-a-url-query-parameters-in-javascript
'IT' 카테고리의 다른 글
정적 대. (0) | 2020.10.10 |
---|---|
연산자의 연관성은 무엇이며 왜 중요한가요? (0) | 2020.10.10 |
gunicorn 및 nginx로 Django 배포 (0) | 2020.10.10 |
SQL 테이블을 C # DataTable로 읽기 (0) | 2020.10.09 |
docker-machine VirtualBox 인스턴스로 ssh하는 방법은 무엇입니까? (0) | 2020.10.09 |