Jquery中增加參數(shù)與Json轉(zhuǎn)換代碼
更新時間：2009年11月20日 18:04:16 作者：
有時候，我們需要進一步轉(zhuǎn)化為json表達式，參考Ext中的Ext.urlDecode函數(shù)，我們可以實現(xiàn)一個相應(yīng)的jquery中使用的函數(shù)。
在jquery中，使用$("#myform").serialize()可以將表單的內(nèi)容構(gòu)造成一個querystring，例如width=1680&height=1050這樣的表達式,可以轉(zhuǎn)化為json
表達式{"width":"1680","height":"1050"}。
有時候，我們需要進一步轉(zhuǎn)化為json表達式，參考Ext中的Ext.urlDecode函數(shù)，我們可以實現(xiàn)一個相應(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表達式轉(zhuǎn)化為querystr參數(shù)形式，可以使用$.param()方法，或者我們自己實現(xiàn)一個，例如下面代碼：
$.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('');
};
表達式{"width":"1680","height":"1050"}。
有時候，我們需要進一步轉(zhuǎn)化為json表達式，參考Ext中的Ext.urlDecode函數(shù)，我們可以實現(xiàn)一個相應(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表達式轉(zhuǎn)化為querystr參數(shù)形式，可以使用$.param()方法，或者我們自己實現(xiàn)一個，例如下面代碼：
復(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實現(xiàn)立體式數(shù)字動態(tài)增加（animate方法）
- jQuery實現(xiàn)立體式數(shù)字滾動條增加效果
- js實現(xiàn)增加數(shù)字顯示的環(huán)形進度條效果
- JavaScript數(shù)組Array對象增加和刪除元素方法總結(jié)
- 為jquery的ajaxfileupload增加附加參數(shù)的方法
- Apache增加最大連接數(shù)的方法
- php 數(shù)組操作(增加，刪除，查詢，排序)等函數(shù)說明
- MYSQL數(shù)據(jù)庫中的現(xiàn)有表增加新字段（列）
- js簡單實現(xiàn)表單中點擊按鈕動態(tài)增加輸入框數(shù)量的方法
- jquery對table中各數(shù)據(jù)的增加、保存、刪除操作示例
- 數(shù)據(jù)庫中兩張表之間的數(shù)據(jù)同步增加、刪除與更新實現(xiàn)思路
- json數(shù)據(jù)處理技巧(字段帶空格、增加字段、排序等等)
- JavaScript實現(xiàn)數(shù)值自動增加動畫
相關(guān)文章
jQuery實現(xiàn)響應(yīng)鼠標(biāo)滾動的動感菜單效果
這篇文章主要介紹了jQuery實現(xiàn)響應(yīng)鼠標(biāo)滾動的動感菜單效果,可實現(xiàn)鼠標(biāo)滑過菜單項呈現(xiàn)文字上下滑動變換的效果,涉及jQuery頁面元素樣式的動態(tài)設(shè)置技巧,需要的朋友可以參考下2015-09-09
分享一個asp.net pager分頁控件，想要自定義控件的朋友可以參考下。2012-01-01
這篇文章主要介紹了jquery實現(xiàn)可自動判斷位置的彈出層效果代碼,可實現(xiàn)根據(jù)鼠標(biāo)位置進行合理的判斷并顯示彈出層的功能,涉及jQuery鼠標(biāo)事件及頁面元素位置屬性的相關(guān)判定技巧,需要的朋友可以參考下2015-10-10
基于jquery的放大鏡效果實現(xiàn)代碼，需要的朋友可以參考下2012-05-05
jQuery實現(xiàn)左側(cè)導(dǎo)航模塊的顯示與隱藏效果
這篇文章主要介紹了jQuery實現(xiàn)左側(cè)導(dǎo)航模塊的顯示與隱藏效果,涉及jQuery相應(yīng)鼠標(biāo)事件動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-07-07
詳解JavaScript for循環(huán)中發(fā)送AJAX請求問題
這篇文章主要為大家剖析了JavaScript for循環(huán)中發(fā)送AJAX請求問題，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
本文給大家分享的是作者在自己的博客上使用jQuery+ajax實現(xiàn)實用的點贊插件代碼，這里推薦給大家，希望對大家能夠有所幫助。2016-07-07
setTimeout使用時會產(chǎn)生動畫隊列，有可能是在chrome瀏覽器中窗口不處于最前端時動畫的隊列產(chǎn)生積累，下面為大家介紹下詳細的解決方法2013-10-10
基于JQuery的一句話搞定手風(fēng)琴菜單效果代碼，需要的朋友可以參考下2012-09-09
jQuery中使用Ajax獲取JSON格式數(shù)據(jù)示例代碼
有時候我們需要讀取JSON格式的數(shù)據(jù)文件，在jQuery中可以使用Ajax或者 $.getJSON()方法實現(xiàn)，下面有個不錯的示例，需要的朋友可以參考下2013-11-11