无法将数据json提取到ajax中的数据表

Question

我有这样的代码，可以从ajax中的json响应中获取数据：

$(function QRData () {
            $.ajax({
                url: "QR",
                dataType: "json",
                method: "GET",
                success: function (response) {
                    var Data = '<thead> <tr><td> Amount </td> <td> Terminal </td> <td> User Smartphone </td></tr> <tbody>';

                    $.each(response, function (idx, obj) {
                        Data += '<tr>';

                        $.each(obj, function (key, value) {
                            Data += '<td>' + value + '</td>';
                        });
                        Data += '</tr>'
                    });

                    Data += '</tbody>';
                    $('#QRTable').html(Data);
                },
                error: function (jqXHR, textStatus, errorThrown) {
                }
            });
            setTimeout(QRData,1000);
        });

成功显示呼叫ID为“ QRTable”的数据，但是现在我想添加数据表，我已经尝试过了：

$(".QRTable").DataTable({
            ajax:
                {
                    url: "QR",
                    dataType: "json",
                    method: "GET",
                    success: function (response) {
                        var Data = '<thead> <tr><td> Amount </td> <td> Terminal </td> <td> User Smartphone </td></tr> <tbody>';

                        $.each(response, function (idx, obj) {
                            Data += '<tr>';

                            $.each(obj, function (key, value) {
                                Data += '<td>' + value + '</td>';
                            });
                            Data += '</tr>'
                        });

                        Data += '</tbody>';
                        $('#QRTable').html(Data);
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                    }
                }
        });

但不显示数据。任何正确方法的线索？另一种情况是，我包括脚本数据表，例如以下示例代码行：

datatables/media/js/jquery.dataTables.min.js"></script>

然后我在

中调用id =“ datatable-table”

<table id="datatables-table">

并像这样通常添加一些数据：

<table id="datatable-table" class="table table-striped table-hover">
                    <thead>
                    <tr>
                        <th>No</th>
                        <th>Amount</th>
                        <th class="hidden-xs">Terminal</th>
                        <th class="hidden-xs">User Smartphone</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td><span class="fw-semi-bold">Algerd</span></td>
                        <td class="hidden-xs">
                            <small>
                                <span class="fw-semi-bold">Type:</span>
                                &nbsp; JPEG
                            </small>
                            <br>
                            <small>
                                <span class="fw-semi-bold">Dimensions:</span>
                                &nbsp; 200x150
                            </small>
                        </td>
                        <td class="hidden-xs"><a href="#">Palo Alto</a></td>

                    </tr>
</table>

这种方式可以在数据表中显示数据。