Question

我有AJAX电话

这是代码

<script>
$(document).ready(function () {
    email_update();
});

function email_update() {
    $.ajax({
        url: '@Url.Action("EmailsList", "Questions")',
        contentType: 'application/json; charset=utf-8',
        type: 'GET',
        dataType: 'json',
        processData: false,
        success: function (result) {
            var email = result;
            // console.log(result[0].Name);
            for (var i = 0; i <= email.length - 1; i++) {
                var emailHTML = '<div style="margin-left: 25px; margin-top: 10px;>' +
                    '<b style="margin-left: 10px;">' +(i + 1) +
                    '<b style="margin-left:20px;">' + result[i].Email + '</b>'+
                    '<b>' +
                    '<b style="margin-left: 20px;">' +
                    result[i].Name +
                    '</b>' + '<a style="float: right; margin-right: 20px;">' +
                    '<img src="~/Images/Edit.png">' +
                    '</a>' +
                    '<a style="float: right; margin-right: 20px;">' +
                    '<img src="~/Images/Delete.png">' +
                    '</a>' +
                    '</div>';
                $(".email_list").append(emailHTML);
            }
        }
    });
}

但我遇到了麻烦

无法加载资源：服务器响应状态为404（未找到）

但图片位于文件夹

我之前有这个代码（不是在AJAX中）<a style="float: right; margin-right: 20px;" href='@Url.Action("Edit_mail", "Questions", new {id = item.Individ_Id})'> <img src='@Url.Content("~/Images/Edit.png")'/> </a>

哪里可能是我的错？

Answer 1

由于~在JavaScript / HTML中没有意义的原因。在Razor中@Url.Content()将虚拟路径转换为绝对路径。

根据您的示例代码使用它或在变量中存储引用，然后再使用它

var editImage = '@Url.Content("~/Images/Edit.png")'

使用

'<img src="' + editImage + '">'

无法找到图像AJAX（ASP.NET MVC）

1 个答案: