蒲厷渶と戀的博客

不积跬步,无以至千里。

将Url解析成对象

在项目中,可能会遇到这样一种需求:将获取到的“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>

运行结果:


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lvkelly/article/details/53994587
文章标签: url 对象 JS
个人分类: JS
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

将Url解析成对象

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭