jquery ajax渲染,jquery – 使用Ajax加载图像在MVC 3中渲染部分视图

我刚开始使用

Html.RenderPartial(usercontrol,model)来呈现我的用户控件.在部分视图加载时是否可以更改此功能以显示Ajax加载图像？

编辑：试过这个,但一直无法让它工作.我有这样的局部视图(_FixtureList.cshmtl)：

@model List

@foreach (var item in this.Model)

{

@Html.Encode(item.Week) @Html.Encode(item.Opponent)@Html.Encode(item.Result)

目前这是我呈现页面的方式：

public ActionResult Cincinnati()

{

//renderpartial

List lstFixtures = _Base.DataRepository.GetFixtureList("2017","Cincinnati");

return View(lstFixtures);

}

}

这是我观点的相关部分(Cincinnati.cshtml)：

@model List

@{

ViewBag.Title = "Cincinnati Bengals";

Layout = "~/Areas/Gameplan/Views/Shared/_Layout.cshtml";

}

@{ Html.RenderPartial("_FixtureList",this.Model); }

我如何将您的示例应用于此代码？

编辑：

想出来,这就是我做到的：

public ActionResult MyPartial()

{

List lstFixtures = _Base.DataRepository.GetFixtureList("2016","Cincinnati");

return PartialView("_FixtureList",lstFixtures);

}

在视图中：

$.ajax(

{

type: 'POST',async: true,contentType: 'application/json; charset=utf-8',dataType: 'html',url: 'MyPartial',beforeSend: function (xhr) {

$('#mydiv').addClass('ajaxRefreshing');

xhr.setRequestHeader('X-Client','jQuery');

},success: function (result) {

$('#mydiv').html("

");

},error: function (error) {

alert(error);

},complete: function () {

$('#mydiv').removeClass('ajaxRefreshing');

}

});