Question

我有一个ASP.NET应用程序，正在加载网页，然后显示从API提取的图像列表。我必须一张一张地下载图像，并且在初始页面加载时全部加载都很慢。

页面加载后，我会看到一个Blob存储ID列表，我需要循环浏览并开始拉回图像。

@foreach (var shipment in Model.shipmentImages)
            {
                <td class="ImageCell"></td>
            }

我可以看到@ shipment.RowKey包含我需要的URL。

我有一个控制器，如果我按了Shipment / GetImage / RowKey，则可以在新网页的局部视图中看到返回的图像。我已经在下面100％理解了这个AJAX代码，但目标是我希望能够用GetImage操作中部分视图的内容填充ImageCell。

@section Scripts {
<script type="text/javascript">
    $('#ImageTable td.ImageCell').each(function () {
        console.log(this).html();
        $.ajax({
        url: "/Shipment/GetImage/" + $(this).html(),
        type: "GET",
        dataType: "html",
        success: function (data) {
            //$(this).html()(result);
            //$("")
            console.log($(this).html());
        },
        error: function (xhr, status) {

        },
        complete: function (xhr, status) {

        }
    });
    });

</script>
}

我可以看到此错误

4000616100:97 Uncaught TypeError: Cannot read property 'html' of undefined
    at HTMLTableCellElement.<anonymous> (4000616100:97)
    at Function.each (jquery.js:354)
    at jQuery.fn.init.each (jquery.js:189)
    at 4000616100:96

但是我不确定如何解决。

预先感谢

加载窗口ASP后循环加载多个图像

0 个答案: