Başarıyla oluşturulmuş tablo ajax MVC

Question

ajax başarımında tablo oluşturmalı ve html olarak çizmem gerekiyor. Ama masamı nasıl dolduracağımı bilmiyorum. Bunu deniyorum ama hiçbir şey çekmiyor.

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

} 
}); 

My console.log (seçilen): PICTURE Ve tablo çizmek gerek benim html,: Sonuç olarak

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

ihtiyacım var: İhtiyacınız

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

Answer 1

Kodunuzun böyle göründüğü, örneğin, DateofEvent ve FirstTeam göstermeniz gerekir.

HTML KOD

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

JS KOD

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

} 
}); 

* Eğer nesneler topluluğu dönmek ve isme göre bunlara erişmek unutmayın.