将Url解析成对象

原创 2017年01月03日 15:02:59

在项目中,可能会遇到这样一种需求:将获取到的“URL”解析成对象。代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>解析URL成Obj</title>
</head>
<body>
<p class="old">解析前:</p>
<span id="oldurl"></span>
<p class="new">解析后:</p>
<span id="newobj"></span>
</body>
<script type="text/javascript">
var oldurl = "http://witmax.cn/index.php?key0=0&key1=1&key2=2";
var oldSpan = document.getElementById("oldurl");
var newSpan = document.getElementById("newobj");
oldSpan.innerHTML = oldurl;
function parseQueryString(url) {
var newObj = {};
newObj["http"] = url.substr(url.indexOf(':') + 1,url.indexOf('?') - 5);
var arr = url.substr(url.indexOf('?') + 1).split('&');
arr.forEach(function(item) {
var tmp = item.split('=');
newObj[tmp[0]] = tmp[1];
});
return newObj;
}
var newJson = parseQueryString(oldurl);
newSpan.innerHTML = "http:" + newJson.http + "?key0=" + newJson.key0 +  "&key1=" + newJson.key1 + "&key2=" + newJson.key2;
</script>
</html>

运行结果:


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

解析URL对象

public Sytring getProtocol()   获取URL协议名; public String getHost()          获取该URL的域名; public int ge...

JavaScript 页面跳转并传值,解析url成对象

一、页面跳转 1.window.location.href=”test01.html”;//本地页面跳转 2.window.open(“test01.html”) // 打开新窗口 3...
  • male09
  • male09
  • 2017年07月31日 15:00
  • 328

解析url的查询部分,生成对应的JSON对象

我们知道在于服务器交互过程中,get和post是最重要的两种方式,在get方式下,我们通常会见到一大串网址信息,而这些信息是什么呢,有时候我们需要拿到它并进行分析 好了,我百度主页输入CSDN,搜索...

将URL解析成像location一样的对象

之前使用Java的API命名做了解析location.search的例子 现在404页面需要分析document.referrer,不能直接拿到search字符串,所以还得想办法把URL解析成像Lo...

c++利用socket将url解析成IP(gethostnbyname())

核心内容就是利用gethostnbyname()函数实现,但是之前找这个的时候也花了一点时间,主要是网上很多文章写的都不够详细,或者是标题关键字不容易查到想要的结果,在这将搜集的资源直接转过来,方便以...

[Javascript Practice] Url解析成Json格式

(1) split分解obj[variable[i].split(“=”)[0]]=variable[i].split(“=”)[1]; function urljson(url){ ...

Webkit初始化以及加载URL过程中各种对象的建立时序以及DOM树的建立详情分析

众所周知,Webkit需要创建DOM树。为此它需要创建WebView, Chrome,Page,Frame, Document, Document Parser, DOM Tree Builder(D...

JS对象转URL参数(原生JS和jQuery两种方式)

转自:点击打开链接 现在的JS框架将ajax请求封装得非常简单,例如下面: [javascript] view plain copy   $.ajax({ ...
  • wconvey
  • wconvey
  • 2017年01月07日 11:08
  • 3072
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:将Url解析成对象
举报原因:
原因补充:

(最多只允许输入30个字)