用jQuery將JavaScript對象轉換為querystring查詢字符串的方法
更新時間：2018年11月12日 08:39:37 作者：ourjs
這篇文章主要介紹了用jQuery將JavaScript對象轉換為querystring查詢字符串的方法，本文給大家分享兩種方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
在get方式的參數(shù)傳遞中，常常需要將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 轉換的參數(shù)：
$.get('/test', { a: 1, b: 1})
> GET http://ourjs.com/test?a=1&b=1 404 (Not Found)
總結
以上所述是小編給大家介紹的用jQuery將JavaScript對象轉換為querystring查詢字符串的方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
這篇文章主要介紹了JQuery顯示隱藏DIV的方法及代碼實例,本文講解了載入時隱藏、動態(tài)隱藏和顯示兩部分內容,需要的朋友可以參考下2015-04-04
謂切換事件，即有兩個以上的事件綁定于一個元素，在元素的行為動作間進行切換,有兩個方法用于事件的切換，一個方法是hover()，另一個是toggle(),感興趣的朋友不妨了解下,或許對你有所幫助2013-02-02
基于jQuery實現(xiàn)Ajax驗證用戶名是否可用實例
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)Ajax驗證用戶名是否可用實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-03-03
這篇文章主要介紹了jqGrid 學習筆記整理——進階篇(一 )的相關資料,需要的朋友可以參考下2016-04-04
zTree異步加載展開第一級節(jié)點的實現(xiàn)方法
這篇文章主要介紹了zTree異步加載展開第一級節(jié)點的實現(xiàn)方法,需要的朋友可以參考下2017-09-09
本文將為大家介紹下jQuery模擬超鏈接點擊效果實現(xiàn)，感興趣的朋友可以參考下哈，希望對你有所幫助2013-04-04
這篇文章主要為大家詳細介紹了jquery實現(xiàn)戶籍地選擇下拉框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
實例中涉及到使用動畫方法animate，動畫停止方法Stop，其他詳情在示例代碼中都有注釋。2013-03-03
在jquery中經常需要獲取form表單的一些值，下面是常用的代碼，需要的朋友可以參考下。2009-12-12
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)鎖定頁面元素，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02