이 글에서는 주로 자바스크립트가 URL을 json 형식으로 파싱하는 두 가지 방법을 소개합니다. 관심 있는 친구들이 참고할 수 있습니다.
이 글에서는 자바스크립트가 URL을 json 형식으로 파싱하는 두 가지 방법을 소개합니다.
방법 1: 가장 간단한 방법, a 태그를 사용하여
function parseUrl(url){ var a=document.createElement('a'); a.href=url; return { protocol:a.protocol.replace(':',''), hostname:a.hostname, port:a.port, path:a.pathname, query:(()=>{ var query=a.search.substr(1); var queryArr=query.split('&'); var queryObj={}; queryArr.forEach((item,index)=>{ var item=item.split('='); var key=item[0]; queryObj[key]=item[1]; }) return queryObj; })(), params:(()=>{ var params=a.hash.substr(1); var paramsArr=params.split('#'); return paramsArr; })(), } } var urlObj = parseUrl('http://www.baidu.com:90/search?name=liyajie&age=12#abc#bbb') console.log(urlObj)
얻은 결과
방법 2: nodejs의 url 모듈을 통해
URL을 구문 분석하려면 Node.js에서 제공하는 URL 모듈이 필요합니다. 구문 분석()을 통해 문자열을 Url 객체로 구문 분석합니다.
'use strict'; var url = require('url'); console.log(url.parse('http://user:pass@host.com:8080/path/to/file?query=string#hash'));
Returned results
Url { protocol: 'http:', slashes: true, auth: 'user:pass', host: 'host.com:8080', port: '8080', hostname: 'host.com', hash: '#hash', search: '?query=string', query: 'query=string', pathname: '/path/to/file', path: '/path/to/file?query=string', href: 'http://user:pass@host.com:8080/path/to/file?query=string#hash' }
위 내용은 자바스크립트를 사용하여 URL을 json 형식으로 구문 분석하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!