Jquery中增加參數(shù)與Json轉換代碼
更新時間:2009年11月20日 18:04:16 作者:
有時候,我們需要進一步轉化為json表達式,參考Ext中的Ext.urlDecode函數(shù),我們可以實現(xiàn)一個相應的jquery中使用的函數(shù)。
在jquery中,使用$("#myform").serialize()可以將表單的內容構造成一個querystring,例如width=1680&height=1050這樣的表達式,可以轉化為json
表達式{"width":"1680","height":"1050"}。
有時候,我們需要進一步轉化為json表達式,參考Ext中的Ext.urlDecode函數(shù),我們可以實現(xiàn)一個相應的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)轉化為Json Object.
如果反過來,將json表達式轉化為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"}。
有時候,我們需要進一步轉化為json表達式,參考Ext中的Ext.urlDecode函數(shù),我們可以實現(xiàn)一個相應的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)轉化為Json Object.
如果反過來,將json表達式轉化為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('');
};
您可能感興趣的文章:
- jQuery實現(xiàn)立體式數(shù)字動態(tài)增加(animate方法)
- jQuery實現(xiàn)立體式數(shù)字滾動條增加效果
- js實現(xiàn)增加數(shù)字顯示的環(huán)形進度條效果
- JavaScript數(shù)組Array對象增加和刪除元素方法總結
- 為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ù)值自動增加動畫
相關文章
jQuery+css3動畫屬性制作獵豹瀏覽器寬屏banner焦點圖
本文給大家分享的是使用jQuery結合CSS3制作的仿獵豹瀏覽器寬屏banner焦點圖特效,代碼很簡單,效果卻非常棒,而且兼容各大瀏覽器,這里推薦給大家,有需要的小伙伴參考下。2015-03-03jQuery中ajax請求后臺返回json數(shù)據(jù)并渲染HTML的方法
今天小編就為大家分享一篇jQuery中ajax請求后臺返回json數(shù)據(jù)并渲染HTML的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08jQuery Datatable 多個查詢條件自定義提交事件(推薦)
這篇文章主要介紹了jQuery Datatable 多個查詢條件自定義提交事件的相關資料,需要的朋友可以參考下2017-08-08關于jquery input textare 事件綁定及用法學習
目前1.7以上,jquery的事件綁定已經用on替換了原來的bind,接下來為大家介紹下bind的使用方法及input textare事件,感興趣的朋友可以參考下哈2013-04-04