DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery中增加參數與Json轉換代碼
Jquery中增加參數與Json轉換代碼
編輯:JQuery特效代碼     
在jquery中,使用$("#myform").serialize()可以將表單的內容構造成一個querystring,例如width=1680&height=1050這樣的表達式,可以轉化為json
表達式{"width":"1680","height":"1050"}。
有時候,我們需要進一步轉化為json表達式,參考Ext中的Ext.urlDecode函數,我們可以實現一個相應的jquery中使用的函數:
代碼如下:
$.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參數形式,可以使用$.param()方法,或者我們自己實現一個,例如下面代碼:
代碼如下:
$.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('');
};
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved