js 对象转url参数

很多时候都需要在url上拼接参数
对于参数比较少的时候,用字符串拼接是可以的,而且比较快和直观
但是参数一旦多起来,字符串就会变得很长而且不美观
es6出来之后可以用模板字符串拼接
但是对于有很多参数的时候,还是不够直观
于是有了以下的urlEncode函数

// es6 模板字符串
var name = 'charming'
var id = 1
var a = `www.website.com?name=${name}&id=${id}`
console.log(a) //www.website.com?name=charming&id=1

// urlEncode
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: 'charming',
    id: 1
}
var s = urlEncode(obj)
console.log(s.slice(1))// name=charming&id=1
// 注意需要切掉第一个&符号

参考:JS对象转URL参数(原生JS和jQuery两种方式)

猜你喜欢

转载自blog.csdn.net/qq_41882147/article/details/80648663
今日推荐