您的当前位置:首页正文

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

2024-11-09 来源:个人技术集锦

一、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;
}

总结

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

显示全文