MVC中实现部分内容异步加载

MVC中实现部分内容异步加载

action中定义一个得到结果集的方法

public ActionResult GetItemTree(string title, int itemid, int? page)
{
//定义集合对象
IList<Video> list = new List<Video>();
//list = todo//给集合赋值
ViewData["VideoList"] = list;//保存集合
ViewResult vr = new ViewResult
{
ViewData = ViewData,
MasterName = "",
};
return vr;
}

在主页面使用下面jquery代码异步调用上面的action

$(function () {
var id = '<%=itemid %>';
$.ajax({
type: "POST",
url: "/Student/GetItemTree",
data: { title: '<%=Model.Name %>', itemid: id, page: 1 },
beforeSend: function (data) { //取回数据前
$("#itemTree").html('<span style="padding:5">数据加载中...</span>');
},
error: function (data) { //发生错误时
// debugger;
},
success: function (data) { //成功返回时
$("#itemTree").html(data);
}
});

最后在分部视图GetItemTree.ascx中写上你要返回的数据结构即可

注意一点就是，如果涉及到分页，要用AJAX分页方式

<div style="float: left">
<%=Html.AjaxPager(resItemResourceBefore, "itemTree", "GetItemTree", "Student")%>
</div>