Json在页面初始化表格

<script>
$(document).ready(function(){
//第一种方式
$.post('../../web/ajaxJson/commonSystemShowAction.action',{backlogTypes: "xnjc_"},function(data){

strJson = eval("(" + data + ")");
var list = (new Function("return ("+ strJson +")"))();
//strJson=jQuery.parseJSON(data);
   // strJson=$.parseJSON(data);
var rowdata=["<thead><tr><th>序号</th><th>项目名称</th><th>监管对象</th><th>监管状态</th><th>监管日期</th></tr></thead>"];
    $.each(list, function(i, n){
       
    rowdata.push("<tr>");
    rowdata.push("<td>"+(i+1)+"</td>");
        rowdata.push("<td>"+n.projectName+"</td>");
        rowdata.push("<td>"+n.orgaName+"</td>");
        rowdata.push("<td>"+n.regulatoryStatus+"</td>");
        rowdata.push("<td>"+n.warningDate+"</td>");
        rowdata.push("</tr>");
    });
    rowdata=rowdata.join(" ");
    $("#datas_warning").html(rowdata);
});
//第二方式
$.post('../../web/ajaxJson/waringListShowAction.action',{warningTableName: "qlyx"},function(data){

strJson = eval("(" + data + ")");
var list = (new Function("return ("+ strJson +")"))();
    $.each(list, function(i, n){
        var row = $("#template_warning").clone();
        row.find("#id_warning").text(i+1);
        row.find("#projectName_Warning").text(n.projectName);
        row.find("#orgaName_Warning").text(n.orgaName);
        row.find("#regulatoryStatus_Warning").text(n.regulatoryStatus);
        row.find("#warningDate_Warning").text(n.warningDate);
        row.attr("id","ready");//改变绑定好数据的行的id
        row.appendTo("#datas_warning");//添加到模板的容器中
    });
    $("#template_warning").hide();
});
});
</script>

如果要使用第二中方式，在表格中必须要写以下内容

<table cellpadding="0" id="datas_warning"  cellspacing="0" class="ajaxtable">
<thead>
<tr>
<th>序号</th>
<th>项目名称</th>
<th>监管对象</th>
<th>监管状态</th>
<th>监管日期</th>
</tr>
</thead>
<tbody>
<tr id="template_warning">
<td id="id_warning"></td>
<td id="projectName_Warning"></td>
<td id="orgaName_Warning"></td>
<td id="regulatoryStatus_Warning"></td>
<td id="warningDate_Warning"></td>
</tr>
</tbody>
</table>