成功生成ajax MVC中的表

Generate table in success ajax MVC

本文关键字：MVC ajax 成功      更新时间：2024-04-22

我需要在成功ajax中生成表，并在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) {
}
});

我的控制台.log（已选择）：图片还有我的html，我需要在那里绘制表格：

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

结果我需要：

<th>Date</th><th>Event</th><th>FirstTeam</th>
<DateFromSelected><EventFrom Selected><FirstTeam>

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

HTML代码

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

JS代码

$.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) {
}
});

*请记住，您返回一个对象集合，然后按名称访问它们。

相关文章：