js把URL转成对象 对象转换成URL

//(1)将 url 转换成 对象 start
function urlToObject(url) {
var urlObject = {};
if (/\?/.test(url)) {
var urlString = url.substring(url.indexOf("?")+1);
var urlArray = urlString.split("&");
for (var i=0, len=urlArray.length; i<len; i++) {
var urlItem = urlArray[i];
var item = urlItem.split("=");
urlObject[item[0]] = item[1];
}
return urlObject;
}
};
var testUrl = "http://tools.jb51.net/index.php?key0=0&key1=1&key2=2";
console.log(urlToObject(testUrl));
//将 url 转换成 对象 end



//(2)将 对象 转换成 url (jQuery方法) start
var parseParam=function(param, key){
var paramStr="";
if(param instanceof String||param instanceof Number||param instanceof Boolean){
paramStr+="&"+key+"="+encodeURIComponent(param);
}else{
$.each(param,function(i){
var k=key==null?i:key+(param instanceof Array?"["+i+"]":"."+i);
paramStr+='&'+parseParam(this, k);
});
}
return paramStr.substr(1);
};
//将 对象 转换成 url (jQuery方法) end


//(3)将 对象 转换成 url (原生JS方法) start
/**
* param 将要转为URL参数字符串的对象
* key URL参数字符串的前缀
* encode true/false 是否进行URL编码,默认为true
*
* return URL参数字符串
*/
var urlEncode = function (param, key, encode) {
if(param==null) return '';
var paramStr = '';
var t = typeof (param);
if (t == 'string' || t == 'number' || t == 'boolean') {
paramStr += '&' + key + '=' + ((encode==null||encode) ? encodeURIComponent(param) : param);
} else {
for (var i in param) {
var k = key == null ? i : key + (param instanceof Array ? '[' + i + ']' : '.' + i);
paramStr += urlEncode(param[i], k, encode);
}
}
return paramStr;
};
var obj={name:'tom','class':{className:'class1'},classMates:[{name:'lily'}]};
console.log(urlEncode(obj));
console.log(urlEncode(obj,'stu'));
//将 对象 转换成 url (原生JS方法) end

转载于:https://juejin.im/post/5a0427abf265da430b7ab06c