jsでjsonオブジェクトを生成し、ダイナミックテーブルを生成します.
2154 ワード
Json文字列empオブジェクトをバックグラウンドで出力します.
jsでjson文字列を解析します.
1.eval(「...」):
2.json_パース:
Json_を導入したいですparse.js:
安全、解析速度が速い
3.var vjson=JSON.parse(Jsostr):
IE 8とfireFox 3をサポートします.この二つはjsonオブジェクトを内蔵したブラウザがあります.他のブラウザはjson.jsファイルを紹介します.
4、jqueryを使って解析する
try {
PrintWriter out = ServletActionContext.getResponse().getWriter();
out.print(JSONObject.fromObject(emp));
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
返した結果をページで表示します.function doQuery(){
$.post("user-find.action?empId=3",function(data){
alert(data);
var emp = eval("("+data+")");
alert(emp.username);
});
jsでjson文字列を解析します.
1.eval(「...」):
var json = eval("("+jsonStr+")");
evalの内容に悪意のあるシナリオが含まれていると困ります.2.json_パース:
Json_を導入したいですparse.js:
var t = json_parse('{"name":123}');
alert(t.name);
>
安全、解析速度が速い
3.var vjson=JSON.parse(Jsostr):
IE 8とfireFox 3をサポートします.この二つはjsonオブジェクトを内蔵したブラウザがあります.他のブラウザはjson.jsファイルを紹介します.
var t = JSON.parse('{"name":123}');
alert(t.name);
安全です.解析速度も速いです.4、jqueryを使って解析する
$(document).ready(function(){
var obj = jQuery.parseJSON('{"jobID":"020000715","username":"\u9a6c\u94f6\u534e","department":"\u7ee7\u7eed\u5b66\u9662"}');
var myData=[]; //
$.each(obj,function(key,value){
myData.push(value);
});
alert(myData);
});
最後に、ダイナミックなテーブルを生成します.
$.getJSON("d.json", function(json){ var htmls=['<table>']; htmls.push('<tr>') for(var k in json[0]) htmls.push('<td>'+k+'</td>'); htmls.push('</tr>'); for(var i=0,L=json.length;i<L;i++){ htmls.push('<tr>'); for(var k in json[i]) htmls.push('<td>'+json[i][k]+'</td>'); htmls.push('</tr>'); } htmls.push('</table>'); $('#table1').html(htmls.join(''));