jQueryがjsonデータを処理して配列と出力を返す方法
5087 ワード
この例では、jQueryがjsonデータの戻り配列と出力を処理する方法について説明します.皆さんの参考にしてください.具体的な実現方法は以下の通りである.
本文で述べたことが皆さんのjQueryプログラム設計に役立つことを願っています.
/*print the json object
*
*$("selector").print_r_json(json,opts) : return formatted string (and print)
*sprint_r_json : just return the string;
*print_r_json : return the formatted string and print json data
*contribute
*
*auth iorichina
*
*example:
*3 ways to use it
*
<br> *$("selector").print_r_json({"a":"aa","d":{"ef":{"a":"d","d":["a","b"]},"ed":"dd"},"g":"g"},{if_print:true,return_array:true});
<br> *document.write($.sprint_r_json({"a":"aa","d":{"ef":{"a":"d","d":["a","b"]},"ed":"dd"},"g":"g"}));
<br> *$.print_r_json({"a":"aa","d":{"ef":{"a":"d","d":["a","b"]},"ed":"dd"},"g":"g"});
<br> *
*
*/
$.fn.print_r_json = function(json,options){
if(typeof(json)!="object") return false;
var opts = $.extend({},$.fn.print_r_json.defaults,options);
var data = '';
if(opts.if_print)
{
data = $.sprint_r_json(json)
$(this).html(''+(opts.return_array?'Array':'JSON-DATA')+''+data);
}
if(opts.array)
{
return $.json_to_array(json);
}
return data;
};
$.fn.print_r_json.defaults =
{
if_print : false,//if print or just return formatted string
return_array : true //return an Array
};
$.extend({
print_r_json : function(json)
{
if(typeof(json)=="object")
{
var text='{';
document.write('{');
for(var p in json)
{
if(typeof(json[p])=="object")
{
document.write('["'+p+'"] => ');
text+='["'+p+'"] => '+$.print_r_json(json[p])+'';
document.write('');
}
else
{
text+='['+((/^\d+$/).test(p)?p:('"'+p+'"'))+'] => "'+json[p]+'"';
document.write('['+p+'] => '+json[p]+'');
}
}
text+='}';
document.write('}');
return (text);
}
else
{
document.write(json);
return (json);
}
},
sprint_r_json : function(json)
{
if(typeof(json)=="object")
{
var text = '{';
for(var p in json)
{
if(typeof(json[p])=="object")
{
text += '["'+p+'"] => '+$.sprint_r_json(json[p])+'';
}
else
{
text += '['+((/^\d+$/).test(p)?p:('"'+p+'"'))+'] => "'+json[p]+'"';
}
}
text += '}';
return (text);
}
else
{
return (json);
}
},
json_to_array : function(json)
{
if(typeof(json)=="object")
{
var text = new Array();
for(var p in json)
{
if(typeof(json[p])=="object")
{
text[p] = $.json_to_array(json[p]);
}
else
{
text[p] = json[p];
}
}
return (text);
}
else
{
return (json);
}
}
});
本文で述べたことが皆さんのjQueryプログラム設計に役立つことを願っています.