javascript - 在 jquery .post 中需要将 json 数组格式化为 html 表

Question

我完全是新手，学会了将我的旧式编码转移到这些。现在我需要帮助。

我的 JSON(数组)- 来 self 的 php json_encode 的结果:

{"e_id":"12101","e_password":kkkk,"e_secretQuestion":null
{"e_id":"12102","e_password":kkkk,"e_secretQuestion":"abc"}
{"e_id":"12103","e_password":kkkk,"e_secretQuestion":"abc"}

我的 jquery:

e.preventDefault();
$.post("/general/helper.php?page=login",$(this).serialize(),function(data,status){          
    if (data != null){
        var tblheader = "<table><tr>";  
        var tblbody= "";    
        $.each(data, function(i, field){
            tblbody = tblbody + "<td style='border:1px solid gray'>" + field + "</td>";
        });
        tblbody = tblheader + tblbody + "</tr></table>";
        $("#hasil").html(tblbody);
    }
},"json");  

问题:

如果只返回 1 行，它只能格式化到表上，但如果有更多行，则表未格式化...请帮助，如何简单地将其格式化为表格？目前，请不要建议我使用插件将json数组格式化为表格。

谢谢

Answer 1

如果您的data 是经过解析的 JSON 数组，那么您的代码应该如下所示:

e.preventDefault();
$.post("/general/helper.php?page=login",$(this).serialize(),function(data,status){          
    if (data != null){
        var tblbody = "<table>";    
        $.each(data, function(i, row){
            tblbody += '<tr>';
            $.each(row, function(i, field) {
                tblbody += "<td style='border:1px solid gray'>" + field + "</td>";
            });
            tblbody += '</tr>';
        });
        tblbody += "</table>";
        $("#hasil").html(tblbody);
    }
},"json");