Jquery中增加參數(shù)與Json轉(zhuǎn)換代碼
更新時(shí)間:2009年11月20日 18:04:16 作者:
有時(shí)候,我們需要進(jìn)一步轉(zhuǎn)化為json表達(dá)式,參考Ext中的Ext.urlDecode函數(shù),我們可以實(shí)現(xiàn)一個(gè)相應(yīng)的jquery中使用的函數(shù)。
在jquery中,使用$("#myform").serialize()可以將表單的內(nèi)容構(gòu)造成一個(gè)querystring,例如width=1680&height=1050這樣的表達(dá)式,可以轉(zhuǎn)化為json
表達(dá)式{"width":"1680","height":"1050"}。
有時(shí)候,我們需要進(jìn)一步轉(zhuǎn)化為json表達(dá)式,參考Ext中的Ext.urlDecode函數(shù),我們可以實(shí)現(xiàn)一個(gè)相應(yīng)的jquery中使用的函數(shù):
$.par2Json=function(string, overwrite){
var obj = {},
pairs = string.split('&'),
d = decodeURIComponent,
name,
value;
$.each(pairs, function(i,pair) {
pair = pair.split('=');
name = d(pair[0]);
value = d(pair[1]);
obj[name] = overwrite || !obj[name] ? value :
[].concat(obj[name]).concat(value);
});
return obj;
};
如果有必要,可以使用$.toJson(s)轉(zhuǎn)化為Json Object.
如果反過來,將json表達(dá)式轉(zhuǎn)化為querystr參數(shù)形式,可以使用$.param()方法,或者我們自己實(shí)現(xiàn)一個(gè),例如下面代碼:
$.json2Par=function(o, pre){
var undef, buf = [], key, e = encodeURIComponent;
for(key in o){
undef = o[key]== 'undefined';
$.each(undef ? key : o[key], function(val, i){
buf.push("&", e(key), "=", (val != key || !undef) ? e(val) : "");
});
}
if(!pre){
buf.shift();
pre = "";
}
return pre + buf.join('');
};
表達(dá)式{"width":"1680","height":"1050"}。
有時(shí)候,我們需要進(jìn)一步轉(zhuǎn)化為json表達(dá)式,參考Ext中的Ext.urlDecode函數(shù),我們可以實(shí)現(xiàn)一個(gè)相應(yīng)的jquery中使用的函數(shù):
復(fù)制代碼 代碼如下:
$.par2Json=function(string, overwrite){
var obj = {},
pairs = string.split('&'),
d = decodeURIComponent,
name,
value;
$.each(pairs, function(i,pair) {
pair = pair.split('=');
name = d(pair[0]);
value = d(pair[1]);
obj[name] = overwrite || !obj[name] ? value :
[].concat(obj[name]).concat(value);
});
return obj;
};
如果有必要,可以使用$.toJson(s)轉(zhuǎn)化為Json Object.
如果反過來,將json表達(dá)式轉(zhuǎn)化為querystr參數(shù)形式,可以使用$.param()方法,或者我們自己實(shí)現(xiàn)一個(gè),例如下面代碼:
復(fù)制代碼 代碼如下:
$.json2Par=function(o, pre){
var undef, buf = [], key, e = encodeURIComponent;
for(key in o){
undef = o[key]== 'undefined';
$.each(undef ? key : o[key], function(val, i){
buf.push("&", e(key), "=", (val != key || !undef) ? e(val) : "");
});
}
if(!pre){
buf.shift();
pre = "";
}
return pre + buf.join('');
};
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)立體式數(shù)字動(dòng)態(tài)增加(animate方法)
- jQuery實(shí)現(xiàn)立體式數(shù)字滾動(dòng)條增加效果
- js實(shí)現(xiàn)增加數(shù)字顯示的環(huán)形進(jìn)度條效果
- JavaScript數(shù)組Array對(duì)象增加和刪除元素方法總結(jié)
- 為jquery的ajaxfileupload增加附加參數(shù)的方法
- Apache增加最大連接數(shù)的方法
- php 數(shù)組操作(增加,刪除,查詢,排序)等函數(shù)說明
- MYSQL數(shù)據(jù)庫中的現(xiàn)有表增加新字段(列)
- js簡單實(shí)現(xiàn)表單中點(diǎn)擊按鈕動(dòng)態(tài)增加輸入框數(shù)量的方法
- jquery對(duì)table中各數(shù)據(jù)的增加、保存、刪除操作示例
- 數(shù)據(jù)庫中兩張表之間的數(shù)據(jù)同步增加、刪除與更新實(shí)現(xiàn)思路
- json數(shù)據(jù)處理技巧(字段帶空格、增加字段、排序等等)
- JavaScript實(shí)現(xiàn)數(shù)值自動(dòng)增加動(dòng)畫
相關(guān)文章
jQuery實(shí)現(xiàn)側(cè)浮窗與中浮窗切換效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)側(cè)浮窗與中浮窗切換效果的方法,涉及jQuery針對(duì)頁面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-09-09jQuery+css3動(dòng)畫屬性制作獵豹瀏覽器寬屏banner焦點(diǎn)圖
本文給大家分享的是使用jQuery結(jié)合CSS3制作的仿獵豹瀏覽器寬屏banner焦點(diǎn)圖特效,代碼很簡單,效果卻非常棒,而且兼容各大瀏覽器,這里推薦給大家,有需要的小伙伴參考下。2015-03-03jquery實(shí)現(xiàn)select選中行、列合計(jì)示例
這篇文章主要介紹了jquery如何實(shí)現(xiàn)select選中行、列合計(jì)示例 ,需要的朋友可以參考下2014-04-04jQuery中ajax請(qǐng)求后臺(tái)返回json數(shù)據(jù)并渲染HTML的方法
今天小編就為大家分享一篇jQuery中ajax請(qǐng)求后臺(tái)返回json數(shù)據(jù)并渲染HTML的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08淺談jquery回調(diào)函數(shù)callback的使用
這篇文章主要簡單介紹了jquery回調(diào)函數(shù)callback的使用,需要的朋友可以參考下2015-01-01jQuery Datatable 多個(gè)查詢條件自定義提交事件(推薦)
這篇文章主要介紹了jQuery Datatable 多個(gè)查詢條件自定義提交事件的相關(guān)資料,需要的朋友可以參考下2017-08-08關(guān)于jquery input textare 事件綁定及用法學(xué)習(xí)
目前1.7以上,jquery的事件綁定已經(jīng)用on替換了原來的bind,接下來為大家介紹下bind的使用方法及input textare事件,感興趣的朋友可以參考下哈2013-04-04