用jQuery將JavaScript物件轉換為querystring查詢字串
在get方式的引數傳遞中,常常需要將JavaScript物件,轉換成查詢字串,比如:
{ method: 'get', state: '200' }
會轉換成
?method=get&state=200
方法1:用JavaScript
serialize = function(obj) { var str = []; for (var p in obj) if (obj.hasOwnProperty(p)) { str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); } return str.join("&"); }
console.log(serialize({ foo: "hi there", bar: "100%" }));
輸出:
// foo=hi%20there&bar=100%25
方法2: 用jQuery外掛
jQuery的$.param內建此方法,可直接使用:
var data = { method: 'get', state: '200' } var send = $.param(data) console.log(send) // method=get&state=200
jQuery 的get方法會預設使用 $.param 轉換的引數:
$.get('/test', { a: 1, b: 1}) > GET http://ourjs.com/test?a=1&b=1 404 (Not Found)