本篇文章主要介绍了javascript将url解析为json格式的两种方法,具有一定的参考和学习javascript的价值，对javascript感兴趣的小伙伴们可以参考一下本篇文章
本文介绍了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 产生随机数的几种方法总结
javascript屏蔽backspace键的实现代码javascript实现抽奖系统实例分享
以上就是javascript将url解析为json格式的两种方法的详细内容。