通过Ajax调用ACP .NET MVC4加载超文本标记语言(包括图片)

Question

我想在某个时间间隔后更新用户列表，因为我正在调用一个ajax调用，该调用将请求发送到返回部分视图的操作方法。返回的结果是包含图像路径的HTML，但是当我将HTML附加到特定位置时，没有图像显示(图像不加载)。

这里的代码是

var timer, delay = 60000;
timer=setInterval(function(){
$.ajax({
  type: 'POST',
  url: "/SideMenuBar/GetOnlineUsers",
  dataType: 'html',
  success: function (data) {
  $('.chat_user_list').empty();
      $('.chat_user_list').append(data);
  });
}, delay);

如何通过ajax调用加载图像。

Answer 1

也许您可以尝试使用.html()方法。

success: function (data) {
   $('.chat_user_list').html(data);
}

此方法将更新指定元素内的所有HTML元素，然后添加新内容。

通过这种方式，我认为你的图像会被渲染。

Answer 2

尝试使用图像绝对路径，如下所示

<img src="http://www.example.com/my_image.jpg">

或者检查您的图像路径相对于您显示的页面，即您的ajax代码页是否正确。