jsでjsonオブジェクトを生成し、ダイナミックテーブルを生成します.


Json文字列empオブジェクトをバックグラウンドで出力します.
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(''));