javascript - 使用ajax、jquery和symfony2在表中显示数组数据

Question

我想使用 jquery 和 ajax 在我的 twig 文件的表格中显示数据。

ajax请求向 Controller 发送了一个post请求， Controller 尝试从数据库中的csv文件插入几行，但是无法插入一些错误数据，我想使用ajax将这些数据显示给客户端， jQuery。

数据应该显示在我的 Twig 文件的表格中。到目前为止，我可以返回数据，但无法在表格中显示数据。

这是我的ajax代码:

jQuery('#formulaire').ajaxForm({
    beforeSubmit: function (arr, $form, options) {
        var ids = [];
        var values=[];
        $('li.ui-selected').each(function(){
            ids.push(this.id);
            values.push(this.value);
        });

        arr.push({name:'hide', value:(ids)})
        arr.push({name:'valueschamps', value:(values)});
    },
    success: function (result, request) {
        var parsedData =JSON.parse(result);
        jQuery('#data').append(parsedData.data);
        //jQuery('#data').html(parsedData.data);

    },
    error: function () {
        jQuery('#main-content').html("errors");
    }
});

在我的 Controller 中，我有:

$response = new JsonResponse();
$dataToReturn = array('data' => $dataerror);
$response->setData($dataToReturn);
return $response;

返回结果如下:

我想在 twig 文件内的表格中显示 Controller 返回的数据。我测试了几种解决方案，但不起作用。

请帮忙

Answer 1

您是否尝试循环 json 元素并创建表格，例如:

function createTable(data) {
        var rowData;
        var rowHTML;
        var tableHTML = "<table>";

        for (var i = data.length - 1; i >= 0; i--) {
            rowData = data[i];
            rowHTML = "<tr>";

            for (var k = rowData.length - 1; k >= 0; k--) {
                rowHTML += "<td>" + rowData[k] + "</td>";
            }

            rowHTML += "</tr>";
            tableHTML += rowHTML;
        }

        tableHTML += "</table>";

        return tableHTML;
    }

并在成功回调中调用它，如下所示:

jQuery('#data').html(createTable(parsedData.data));