在 ajax jquery (ASP.NET) 中加载图像

Question

我进行 ajax 调用并从后端返回 json

这里是ajax调用的代码

<script>
$('#search').click(function () {
   $("#patients").empty();
   var lname = $("#lname").val();

     var model = {
         LastName: lname
     };
    $.ajax({
        url: '@Url.Action("ResultOfSearch", "PatientDatabase")',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(model),
        type: 'POST',
        dataType: 'json',
        processData: false,
        success: function(data) {
            var list = data;

            //alert(list);
            var listnumber = 1;
            for (var i = 0; i <= list.length - 1; i++) {
                var arrow  = '@Url.Content("~/images/doc-50.png")';
                var patientsList = ' <td class="point">' +
                    (i+1) +
                     '</td>' +
                    '<td class="title"> ' +
                    list[i].dateOfBirthday +
                    '</td>' +
                    '<td class="title"> ' +
                    list[i].firstName +
                    '</td>' + '<td>' + '</td>'
                    + '<td>' + '</td>'
                    + '<td>' + '</td>'
                    + '<td style="text-align:end;>' + arrow + '</td>';
                $("#patients").append('<tr>' + patientsList + '</tr>');
            };
        }
    });
});

在这一行我尝试显示图像

+ '<td style="text-align:end;>' + arrow + '</td>';

图像在箭头值var arrow = '@Url.Content("~/images/doc-50.png")';

但它没有显示。我在控制台中没有与图像相关的错误。

我的代码有什么问题？

Answer 1

您必须在td 中使用图像标记，然后使用arrow 作为图像的src 属性，因为当您希望解析您的任何文件或资源的URL 时使用@Url.Content站点，您将向它传递相对路径，它返回文件的应用程序绝对路径。

如下图

'<td style="text-align:end;"><img src=' + arrow + '/></td>';

顺便说一句，您使用的是哪个版本的 .NET MVC？对于 mvc 4 及更高版本，您可以直接在图像中使用相对 url 作为 src="~/images/doc-50.png"