在Ajax查询（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及更高版本，您可以直接在图片中使用相对网址，如src =“〜/ images / doc-50.png”