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

现在的JS框架将ajax请求封装得非常简单,例如下面:

$.ajax({
		type: "POST",
		url: "some.php",
		data: { name: "John", location: "Boston" }
    }).done(function( msg ) {
		alert( "Data Saved: " + msg );
    });

上面是基于jQuery框架的一段ajax请求代码,使用了POST请求方式
但在某些场景中我们还是得使用GET方式,并且需要拼出请求参数,比如window.open时,a标签的href等等.像这种拼接字符串的代码很容易发生错误,比如要将一个对象的所有属性和值拼接为URL的请求参数,我们可能需要这样:

var params = '';
params += 'key1='+obj.key1;
params += 'key2='+obj.key2;
params += 'key3='+obj.key3;
params += 'key4='+obj.key4;
...

不用说太多,痛苦啊,就像苦力,一点也体会不到程序员高大上的感觉.或许,我们可以这样