用jQuery將JavaScript對(duì)象轉(zhuǎn)換為querystring查詢字符串的方法
在get方式的參數(shù)傳遞中,常常需要將JavaScript對(duì)象,轉(zhuǎn)換成查詢字符串,比如:
{ method: 'get', state: '200' }
會(huì)轉(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方法會(huì)默認(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對(duì)象轉(zhuǎn)換為querystring查詢字符串的方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
JQuery入門(mén)——事件切換之hover()方法應(yīng)用介紹
謂切換事件,即有兩個(gè)以上的事件綁定于一個(gè)元素,在元素的行為動(dòng)作間進(jìn)行切換,有兩個(gè)方法用于事件的切換,一個(gè)方法是hover(),另一個(gè)是toggle(),感興趣的朋友不妨了解下,或許對(duì)你有所幫助2013-02-02
基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶名是否可用實(shí)例
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶名是否可用實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-03-03
jqGrid 學(xué)習(xí)筆記整理——進(jìn)階篇(一 )
這篇文章主要介紹了jqGrid 學(xué)習(xí)筆記整理——進(jìn)階篇(一 )的相關(guān)資料,需要的朋友可以參考下2016-04-04
zTree異步加載展開(kāi)第一級(jí)節(jié)點(diǎn)的實(shí)現(xiàn)方法
這篇文章主要介紹了zTree異步加載展開(kāi)第一級(jí)節(jié)點(diǎn)的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-09-09
JQuery動(dòng)畫(huà)和停止動(dòng)畫(huà)實(shí)例代碼
實(shí)例中涉及到使用動(dòng)畫(huà)方法animate,動(dòng)畫(huà)停止方法Stop,其他詳情在示例代碼中都有注釋。2013-03-03
jQuery實(shí)現(xiàn)鎖定頁(yè)面元素(表格列)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)鎖定頁(yè)面元素,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02

