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两种方式)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值