Question

如何使用Ajax和Json返回部分视图结果进行查看，我在ASP .NET MVC4结构中工作。 HTML还包括图像。这里我使用代码返回无法正常工作的数据。

return PartialView("_OnlineUsers", online_users);

我可以通过json ???

以HTML（包括图像）的形式返回数据

Answer 1

像这样写你的ajax电话

$('.btnSubmit').on('click', function(){
    $.ajax({
        url: '@Url.Action("Action", "Controller")',
        type: 'post',
        cache: false,
        async: true,
        data: { id: "ID" },
        success: function(result){
            $('.divContent').html(result);
        } 
    });
});

控制器上的

public PartialViewResult Action(int id){
    var online_users = //populate your model
    return PartialView("_OnlineUsers", online_users);
}

Answer 2

不，你不能用相同的ajax请求返回html和json。获取局部视图的另一种方法是

$.get('@Url.Action("yourActionName","YOurControllerNme")',function(data){
$('#YourDivId').html(data);
});

您的服务器端代码

没有任何问题

要获取您可以使用的图像

<div class="display-field">
        <img src="@Url.Action("getPhotoAction", "ControllerName", new { id = Model.Id })" 
             title="@Model.TitleYouWantToSer"/>
    </div>

通过Json ASP .NET MVC4返回HTML（包括图像）

2 个答案: