本篇文章主要介紹了javascript將url解析為json格式的兩種方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文介紹了javascript將url解析為json格式的兩種方法,分享給大家,如下:
方法一:最簡單的方法,利用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)
得到的結果
方法二:透過nodejs的url模組
解析URL需要用到Node.js提供的url模組,它使用起來非常簡單,透過parse()將一個字串解析為一個Url物件:
'use strict'; var url = require('url'); console.log(url.parse('http://user:pass@host.com:8080/path/to/file?query=string#hash'));
傳回的結果
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' }
以上是JavaScript使用兩種方法實作url解析為json格式的實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!