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;
}总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
