url 地址含參數較多如何拼接

url 地址拼接是經常會遇到的問題。所以必須要掌握這個技術

1.合並參數對象，循環出來。

var commonParams = {
g_tk: 1928093487,
inCharset: 'utf-8',
outCharset: 'utf-8',
notice: 0,
format: 'jsonp'
};
var data = Object.assign({}, commonParams, {
topid:'',
needNewCode: 1,
uin: 0,
tpl: 3,
page: 'detail',
type: 'top',
platform: 'h5'
})

2.將參數進行拼接

function param(data){

    var url=‘’;

   for(var k in data){

     //去掉undefined

    var value=data[k]！==undefined ? data[k] :'';

    url =url+'&'+k+'='+encodeURIComponent(value);

}

  return url ?url.substring(1) : '';

}

3.將url 與第2步拼接好的參數鏈接起來

 function urlContact(url){

  //增加？url.indexOf('?')<0  ? '?': '&'

  return  url =url+(url.indexOf('?')<0  ? '?': '&')+param(data);

}

console.log(urlContact('www.baidu.com'));

測試一下成功了。