Question

我需要在成功ajax中生成表并在html中绘制。但我不知道怎么能填满我的桌子。我试试这个，但没有画画。

pod install

我的console.log（已选中）： PICTURE 我的html，我需要绘制表格：

$.ajax({
url: '/Private/Index',
method: 'POST',
dataType: "json",
data: $(addNewEduForm).serialize() + '&' + $.param(mm),
traditional: true,
success: function (selected) {
    $('#your-modal').modal('toggle');
    var row = $('<tr>');
    for (var i = 0; i < selected.length; i++) {
        row.append($('<td>').html(selected[i]));
    }
    $('#results').append(row);
},
error: function (error) {

}
});

结果我需要：

<table class="table_blur">
<tr>
    <th>Date</th>
    <th>Event</th>
    <th>First</th>
</tr>
</table>

Answer 1

您需要代码看起来像这样，例如，您需要显示DateofEvent和FirstTeam。

HTML CODE

<table id="results">
<thead>
    <tr>
        <td>DateofEvent</td>
        <td>FirstTeam</td>
    </tr>
</thead>
<tboby>
</tbody>
</table>

JS CODE

$.ajax({
url: '/Private/Index',
method: 'POST',
dataType: "json",
data: $(addNewEduForm).serialize() + '&' + $.param(mm),
traditional: true,
success: function (selected) {
    $('#your-modal').modal('toggle');
    var row = $('<tr>');
    for (var i = 0; i < selected.length; i++) {
        row.append($('<td>').html(selected[i].DateofEvent));
        row.append($('<td>').html(selected[i].FirstTeam));
    }
    $('#results').append(row);
},
error: function (error) {

}
});

*请记住，您返回一组对象，并按名称访问它们。

成功生成表ajax MVC

1 个答案: