成功のテーブルを生成するajax MVC

Question

私は成功する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) { 

} 
}); 

私はconsole.log（選択）： PICTURE そして、私はテーブルを描く必要がある私の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> 

Answer 1

あなたが必要あなたのコードはそのように見えます。例えば、表示は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) { 

} 
}); 

*あなたがオブジェクトのコレクションを返し、名前でそれらにアクセスすることを覚えておいてください。