Моя таблица tbody не отображает правильные данные после запроса AJAX GET. Ну на самом деле, после второй итерации из моих для цикла, он показывает правильно, но после третьей итерации и так далее, это добавление, но он показывает предыдущий пункт.

Вот что это показывает:

введите описание изображения здесь

Я не знаю, почему он отображается неправильно в таблице в журнале консоли, данные отображаются правильно.

$.ajax({ cache: false, type: 'GET', url: '@Url.Action("DisplayFiles","FileUploader")', //url, // '/Account/Delete/', dataType: "json", success: function(response) { $("#tblFiles tbody").remove(); for (var i = 0; i {amp}lt; response.length; i  ) { console.log(response[i]['Filename']); console.log(response[i]['FileFullPath']); $("#tblFiles").append('{amp}lt;tr{amp}gt;{amp}lt;td{amp}gt;'   response[i]['Filename']   '{amp}lt;/td{amp}gt;{amp}lt;td{amp}gt;'   response[i]['FileFullPath']   '{amp}lt;/td{amp}gt;{amp}lt;/tr{amp}gt;'); //var tbodyFiles = "{amp}lt;tr{amp}gt;{amp}lt;td{amp}gt; "   response[i]['Filename']   "{amp}lt;/td{amp}gt;"   "{amp}lt;td{amp}gt; "   response[i]['FileFullPath']   "{amp}lt;/td{amp}gt;{amp}lt;/tr{amp}gt;"; } //$("#tblFiles").append(tbodyFiles); console.log(response); }, error: function(resp) { console.log('error'); } }); 
 {amp}lt;table class="table table-striped" id="tblFiles"{amp}gt; {amp}lt;thead{amp}gt; {amp}lt;tr{amp}gt; {amp}lt;th{amp}gt;Filename{amp}lt;/th{amp}gt; {amp}lt;th{amp}gt;File Fullpath{amp}lt;/th{amp}gt; @* {amp}lt;th{amp}gt;Date Added{amp}lt;/th{amp}gt;*@ {amp}lt;th{amp}gt;{amp}lt;/th{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;/thead{amp}gt; {amp}lt;tbody{amp}gt; @foreach (var item in Model) { {amp}lt;tr{amp}gt; {amp}lt;td{amp}gt; @Html.DisplayFor(modelItem ={amp}gt; item.Filename) {amp}lt;/td{amp}gt; {amp}lt;td{amp}gt; @Html.DisplayFor(modelItem ={amp}gt; item.FileFullPath) {amp}lt;/td{amp}gt; @* {amp}lt;td{amp}gt; @Html.DisplayFor(modelItem ={amp}gt; item.DateAdded) {amp}lt;/td{amp}gt; *@ {amp}lt;td{amp}gt; @Html.ActionLink(" ", "Delete", new { id = item.Id }, new { @class = "btn-xs btn btn-danger glyphicon glyphicon-trash" }) {amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; } {amp}lt;/tbody{amp}gt; {amp}lt;/table{amp}gt; 

Изменить это:

$("#tblFiles tbody").remove();

к этому:

$("#tblFiles tbody tr").remove();

а затем измените это:

$("#tblFiles").append(...)

к этому:

$('#tblFiles tbody").append(...)

Объяснение:

Вы удаляли весь элемент tbody , но добавляли tr в table не tbody .

Предложенные изменения гарантируют, что tbody остается присутствующим и что tr добавляются как дочерние элементы к нему, а не вне его.