MVC 刷新分布页数据 ajax_mvc分布页数据更新-优快云博客

本文介绍了一种使用AJAX请求Action返回分布页的方法，并通过jQuery动态加载到页面指定元素中。具体实现包括了AJAX请求设置、成功回调处理及视图模型构建等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用ajax请求action返回分布页，使用JQuery中$("#...").html（data）,加载分布页。

<script>
    function Show(id) {
        $.ajax({
            url: "/Contact/ShowQuanGuoJiaoYu?id="+id,
            type: "get",
            success: function (data) {
                $("#divShowInfo").html(data);
            }
        });
    };
</script>

Action代码，我创建的就是分布页，如果创建的是普通的视图，可使用return PartialView();

 /// <summary>
        /// 测试显示
        /// </summary>
        /// <returns></returns>
        public ActionResult ShowQuanGuoJiaoYu(int id = 1)
        {
            List<Models.QuanGuoJiaoYu_ViewModel> list = new List<Models.QuanGuoJiaoYu_ViewModel>();
            Models.QuanGuoJiaoYu_ViewModel model;
            for (var i = id; i < id + 20; i++)
            {
                model = new Models.QuanGuoJiaoYu_ViewModel()
                {
                    ID = i + 1,
                    Name = "校区" + (i + 1),
                };
                list.Add(model);
            }

            //校区类型
            List<Models.QuanGuoJiaoYu_ViewModel> list2 = new List<Models.QuanGuoJiaoYu_ViewModel>();
            for (var i = id; i < id + 4; i++)
            {
                model = new Models.QuanGuoJiaoYu_ViewModel()
                {
                    ID = i + 1,
                    Name = "校区类型" + (i + 1),
                };
                list2.Add(model);
            }

            ViewBag.XiaoLeiXing = list2;

            return View(list);
        }