Php 在表中显示ajax成功的数据

我正在从ajax提交表单，在ajax成功后，我希望在表tr td中显示所有数据

下面是我对ajax success的回应，我想在ajax success的表中加载，但它显示的是空白表。

{"raildata":null,"killdata":[{"id":146,"acct_id":1885,"AcctNo":"UP2357"},{"id":145,"acct_id":1885,"AcctNo":"UP2357"}]}

$(document).ready(function(){
    $('#killfrm').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: '<?= Router::url(['controller' => 'Killsheets', 'action' => 'addKillsheet']) ?>',
            data: $('form').serialize(),
            beforeSend: function(){
                $('#ibox1').children('.ibox-content').toggleClass('sk-loading');
            },
            success: function(response) {
                    var trHTML = ''; 
                    $(response).each(function (i,value) {

                        trHTML += response.killdata.map(function(killdata) {
                          return '<tr class="gradeA"><td>' + killdata.id + '</td><td>' + killdata.AcctNo + '</td></tr>';
                        });

                        trRailHTML += response.raildata.map(function(raildata) {
                          return '<tr class="gradeA"><td>' + raildata.rail_no + '</td><td>' + raildata.scale_no + '</td><td><button title="View" class="btn btn-default btn btn-xs tblbtn">View</button></td></tr>';
                        }); 

                    });
                $('#txtcount').val(sum);    
                $('#listRail').html(trRailHTML);                                 
                $('#listKill').html(trHTML);

        },
            error: function(response) {         
                console.log(response);          
            }        
        });
    });
});

下面是我尝试过的jquery ajax代码，但它在表单提交成功后不显示数据。

{"raildata":null,"killdata":[{"id":146,"acct_id":1885,"AcctNo":"UP2357"},{"id":145,"acct_id":1885,"AcctNo":"UP2357"}]}

$(document).ready(function(){
    $('#killfrm').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: '<?= Router::url(['controller' => 'Killsheets', 'action' => 'addKillsheet']) ?>',
            data: $('form').serialize(),
            beforeSend: function(){
                $('#ibox1').children('.ibox-content').toggleClass('sk-loading');
            },
            success: function(response) {
                    var trHTML = ''; 
                    $(response).each(function (i,value) {

                        trHTML += response.killdata.map(function(killdata) {
                          return '<tr class="gradeA"><td>' + killdata.id + '</td><td>' + killdata.AcctNo + '</td></tr>';
                        });

                        trRailHTML += response.raildata.map(function(raildata) {
                          return '<tr class="gradeA"><td>' + raildata.rail_no + '</td><td>' + raildata.scale_no + '</td><td><button title="View" class="btn btn-default btn btn-xs tblbtn">View</button></td></tr>';
                        }); 

                    });
                $('#txtcount').val(sum);    
                $('#listRail').html(trRailHTML);                                 
                $('#listKill').html(trHTML);

        },
            error: function(response) {         
                console.log(response);          
            }        
        });
    });
});

$（文档）.ready（函数（）{
$（'killfrm'）。关于（'submit'，函数（e）{
e、 预防默认值（）；
$.ajax({
键入：“post”，
url:“”，
数据：$（'form'）。序列化（），
beforeSend:function（）{
$（'#ibox1'）。子项（'.ibox内容'）。切换类（'sk-loading'）；
},
成功：功能（响应）{
var trHTML=''；
$（响应）。每个（函数（i，值）{
trHTML+=response.killdata.map（函数（killdata）{
返回'+killdata.id+''+killdata.AcctNo+''；
});
trRailHTML+=response.raildata.map（函数（raildata））{
返回“”+raildata.rail_no+“”+raildata.scale_no+“视图”；
}); 
});
$（'#txtcount'）.val（总和）；
$（'#listRail'）.html（trRailHTML）；
$（'#listKill'）.html（trHTML）；
},
错误：函数（响应）{
控制台日志（响应）；
}        
});
});
});

下面是我的HTML表格

 <table class="table table-bordered">
                                        <thead>
                                           <tr>
                                            <th>Sheet#</th>
                                            <th>Acc #</th>
                                             <th>Action</th>
                                          </tr>
                                        </thead>                                         
                                        <tbody id="listKill"> </tbody>
                                  </table>

床单#
行政协调会#
行动

表体如下所示：

把身份证送到你的桌子上

<table class="table table-bordered" id='my_table'>

---

要在ajax响应中获取json数据，您需要传递ajax选项：

dataType:"json"

请使用以下示例：

$.ajax({
        type: 'post',
        url: 'Your Url',
        data: $('form').serialize(),
        dataType:'json',
        success: function(response) {
          response == here you get object you can get any value by object key

        }
       });

您的json响应：

{"raildata":null,"killdata":[{"id":146,"acct_id":1885,"AcctNo":"UP2357"},{"id":145,"acct_id":1885,"AcctNo":"UP2357"}]}

您可以使用如下所示的

response

变量获得结果

console.log(response.killdata);
console.log(response.raildata);

---

如果您得到任何帮助，请尝试上面的内容。您可以传递

$。每个
：
脚本：

您可以从
response.objectkey=get value
获取任何响应数据，为什么不使用数据表？你能帮我摆脱困境吗。。当我在文本框模糊事件上尝试相同的代码时，它会对我起作用，但在ajax成功后，相同的代码就不起作用了。bcz我正在提交表单，提交后我想在表中显示所有数据库数据。已经尝试过，但在我的情况下不起作用是的，我错过了放置数据类型：json，非常感谢。但是如何用我添加的新数据刷新表，bcz不是添加新的响应OK我将为此添加新的答案。。
<table class="table table-bordered">
<thead>
<tr>
<th>Sheet#</th>
<th>Acc #</th>
<th>Action</th>
</tr>
</thead>                                         
<tbody id="listKill">result goes here </tbody>
</table>