vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue JS对URL网址进行编码解码,转换为对象

Vue JS对URL网址进行编码解码,转换为对象方式

作者:josemu

这篇文章主要介绍了Vue JS对URL网址进行编码解码,转换为对象方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

一、URL网址编码解码

//url 有%3A 这种是ASCII编码,需要解码
//encodeURIComponent,decodeURIComponent   直接使用

编码:

var aaa = encodeURIComponent('http://www.baidu.com?name=Jose')
   aaa结果:"http%3A%2F%2Fwww.baidu.com%3Fname%3DJose"

解码:

var aaa = decodeURIComponent("http%3A%2F%2Fwww.baidu.com%3Fname%3DJose")
   aaa结果:"http://www.baidu.com?name=Jose"

1.编码示例

2.解码示例

 二、网址转换为对象

// 封装解析网址 转为Object 格式
function getParamByUrl (url) {
	 var theRequest = new Object();
	 var index = url.indexOf("?");
	 let strs
	 if (index != -1) {
			var str = url.substr(index + 1);
			strs = str.split("&");
			for(var i = 0; i < strs.length; i ++) {
					theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
			}
	 }
	 return theRequest;
}

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。 

您可能感兴趣的文章:
阅读全文