MVC中实现部分内容异步加载
Posted 那就让我这样吧
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
以上是关于MVC中实现部分内容异步加载的主要内容，如果未能解决你的问题，请参考以下文章