Цикл по таблице HTML и обновление значений с помощью AJAX GET

Question

Я построил небольшое приложение в ASP.NET Core MVC, где вы выбираете отправку, и оно будет перебирать все изображения в хранилище BLOB-объектов и отображать их на веб-странице. Веб-страница должна быть загружена, а затем изображения после, как это может быть тяжелым вызовом.

Ниже у меня есть HTML -

<table id="ImageTable">
        <tr>
        <th>
            Img
        </th>
        </tr>
        <tr>
            @foreach (var shipment in Model.shipmentImages)
            {
                <td class="ImageCell">@shipment.RowKey</td>
            }
        </tr>
    </table>

и ниже - AJAX, который, кажется, работает при отладке, только веб-страница не обновляется.

@section Scripts {
<script type="text/javascript">
$('#ImageTable td.ImageCell').each(function () {
        var cellItem = $(this);
        console.log(cellItem.html);
        console.log(cellItem);
        $.ajax({
            url: 'https://localhost:5001/Shipment/GetImage?' + $(this).html(),
            type: 'GET',
            success: function (data) {
                console.log($(this.html));
                console.log(data);
                cellItem.append(data.html);
            }
    });
});
    </script>
}

В консоли видно, что нужные мне HTML-данные возвращаются, однако ячейки таблицы не обновляются с новым HTML-кодом.

Спасибо

Answer 1

Оказывается, проблема заключалась в использовании .html. Ниже исправлена ​​проблема -

@section Scripts {
<script type="text/javascript">
$('#ImageTable td.ImageCell').each(function () {
        var cellItem = $(this);
        $.ajax({
            url: 'https://localhost:5001/Shipment/GetImage?' + $(this).html(),
            type: 'GET',
            success: function (data) {
                cellItem.append(data);
            }
    });
});
    </script>
}