用jQuery將JavaScript對象轉換為querystring查詢字符串的方法
更新時間:2018年11月12日 08:39:37 作者:ourjs
這篇文章主要介紹了用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)
總結
以上所述是小編給大家介紹的用jQuery將JavaScript對象轉換為querystring查詢字符串的方法,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
相關文章
JQuery each()函數如何優(yōu)化循環(huán)DOM結構的性能
each()方法能使DOM循環(huán)結構簡潔,不容易出錯。each()函數封裝了十分強大的遍歷功能,使用也很方便,它可以遍歷一維數組、多維數組、DOM, JSON 等等在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量2012-12-12jQuery插件HighCharts繪制簡單2D柱狀圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件HighCharts繪制簡單2D柱狀圖效果,結合完整實例形式分析了jQuery使用HighCharts插件繪制2D柱狀圖的實現步驟與相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03