用jQuery將JavaScript對象轉(zhuǎn)換為querystring查詢字符串的方法
在get方式的參數(shù)傳遞中,常常需要將JavaScript對象,轉(zhuǎn)換成查詢字符串,比如:
{ method: 'get', state: '200' }
會轉(zhuǎn)換成
?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內(nèi)置此方法,可直接使用:
var data = { method: 'get', state: '200' }
var send = $.param(data)
console.log(send)
// method=get&state=200
jQuery 的get方法會默認(rèn)使用 $.param 轉(zhuǎn)換的參數(shù):
$.get('/test', { a: 1, b: 1})
> GET http://ourjs.com/test?a=1&b=1 404 (Not Found)
總結(jié)
以上所述是小編給大家介紹的用jQuery將JavaScript對象轉(zhuǎn)換為querystring查詢字符串的方法,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的!
相關(guān)文章
jQuery實(shí)現(xiàn)拖動調(diào)整表格單元格大小的代碼實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)拖動調(diào)整表格單元格大小的代碼實(shí)例,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-01-01
JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結(jié)構(gòu)的性能
each()方法能使DOM循環(huán)結(jié)構(gòu)簡潔,不容易出錯。each()函數(shù)封裝了十分強(qiáng)大的遍歷功能,使用也很方便,它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量2012-12-12
jQuery插件HighCharts繪制簡單2D柱狀圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件HighCharts繪制簡單2D柱狀圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用HighCharts插件繪制2D柱狀圖的實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03

