2017-04-13 78 views
0

我有AJAX調用圖像無法找到AJAX(ASP.NET MVC)

這裏是代碼

<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>

哪裏可以做我的錯誤呢?

+0

是阿賈克斯前工作,因爲路徑似乎是一個問題 –

回答

2

這是由於~在JavaScript/HTML中沒有意義的緣故。在剃刀@Url.Content()將虛擬路徑轉換爲絕對路徑。

使用它按你的示例代碼或變量存儲的引用,並在以後使用它

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

使用

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

感謝的幫助兄弟! – Eugene