php - json で解析された値をテーブルに挿入します

Question

helo 私は、ページにランダムに出力される json 値のスタイリングに一生懸命努力しました。ここでは 4 つのカテゴリがあります。javascript で行っていることは、多くのオブジェクトを含む json 配列の長さを見つけてから、型 ID をそのまま取得することです。すべての配列で共通で、それらが0、1、2、3カテゴリに属しているかどうかを判断し、json配列のすべての要素を出力するなど、ここで各カテゴリのテーブルを作成し、対応するすべてのIDをプッシュしたいと思いますテーブルの行。

var txt = '<?php echo $response ?>';
//alert(txt);
//var jsonData = eval ("(" + txt + ")");
var jsonData = JSON.parse(txt);
for (var i = 0; i < jsonData.account_detail.length; i++) {
var counter = jsonData.account_detail[i];
//console.log(counter.counter_name);
//alert(counter.type);
document.write("<table border="0" width="500>">")
if(counter.type=="0")
    {

      document.write(counter.building_name);
      document.write(counter.org_name);
      document.write(counter.user_name);
      document.write(counter.name);
      document.write(counter.loc_name);
      document.write(counter.email_id);
      document.write(counter.password);

    }
if(counter.type=="1")
    {
        document.write(counter.user_name);
        document.write(counter.name);
        document.write(counter.password);
        document.write(counter.email_id);
    }
    if(counter.type=="2")
        {
            document.write(counter.building_name);
            document.write(counter.org_name);
            document.write(counter.user_name);
            document.write(counter.opr_code);
            document.write(counter.name);
            document.write(counter.loc_name);
            document.write(counter.email_id);
            document.write(counter.password);
        }
        if(counter.type=="3")
            {
               document.write(counter.building_name);
               document.write(counter.org_name);
               document.write(counter.machine_type);
               document.write(counter.activate_status);
               document.write(counter.machine_name);
               document.write(counter.entrance_exit_name);
               document.write(counter.entrance_or_exit);
               document.write(counter.loc_name);
               document.write(counter.activation_code);
            }
}
document.write("</table>")

Answer 1

これを試して：

 for (var i = 0; i < jsonData.account_detail.length; i++) {
var counter = jsonData.account_detail[i];
//console.log(counter.counter_name);
//alert(counter.type);
var tbl_str = '<table border="0" width="500><tr>';
    if(counter.type=="0")
    {
      tbl_str += "<td>"+counter.building_name+"</td>";
      tbl_str += "<td>"+counter.org_name+"</td>";
      tbl_str += "<td>"+counter.user_name+"</td>";
      tbl_str += "<td>"+counter.name+"</td>";
      tbl_str += "<td>"+counter.loc_name+"</td>";
      tbl_str += "<td>"+counter.email_id+"</td>";
      tbl_str += "<td>"+counter.password+"</td>";
    }
    else if(counter.type=="1")
    {
        tbl_str += "<td>"+counter.user_name+"</td>";
        tbl_str += "<td>"+counter.name+"</td>";
        tbl_str += "<td>"+counter.password+"</td>";
        tbl_str += "<td>"+counter.email_id+"</td>";
    }
    else if(counter.type=="2")
    {
            tbl_str += "<td>"+counter.building_name+"</td>";
            tbl_str += "<td>"+counter.org_name+"</td>";
            tbl_str += "<td>"+counter.user_name+"</td>";
            tbl_str += "<td>"+counter.opr_code+"</td>";
            tbl_str += "<td>"+counter.name+"</td>";
            tbl_str += "<td>"+counter.loc_name+"</td>";
            tbl_str += "<td>"+counter.email_id+"</td>";
            tbl_str += "<td>"+counter.password+"</td>";
     }
     else {
               tbl_str += "<td>"+counter.building_name+"</td>";
               tbl_str += "<td>"+counter.org_name+"</td>";
               tbl_str += "<td>"+counter.machine_type+"</td>";
               tbl_str += "<td>"+counter.activate_status+"</td>";
               tbl_str += "<td>"+counter.machine_name+"</td>";
               tbl_str += "<td>"+counter.entrance_exit_name+"</td>";
               tbl_str += "<td>"+counter.entrance_or_exit+"</td>";
               tbl_str += "<td>"+counter.loc_name+"</td>";
               tbl_str += "<td>"+counter.activation_code+"</td>";
            }    
tbl_str += "</tr></table>";    
document.write(tbl_str);    
}