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

简介:

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

 public ActionResult GetItemTree(string title, int itemid, int? page)
        {
            pp = new PagingParam(page ?? 1, VConfig.WebConstConfig.PageSize);
            Common.Page.PagedList<Entity.Res_Item_Resource_R> res_Item_Resource_R = iResourceService.GetRes_Item_Resource_RByItemId(itemid, pp);
            ViewData["res_Item_Resource_R"] = res_Item_Resource_R;
            res_Item_Resource_R.AddParameters = new System.Collections.Specialized.NameValueCollection();
            res_Item_Resource_R.AddParameters.Add("title", title);
            res_Item_Resource_R.AddParameters.Add("itemid", itemid.ToString());

            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中实现部分内容异步加载,如需转载请自行联系原博主。

目录
相关文章
|
缓存 前端开发 JavaScript
JavaScript加载优化
JavaScript加载优化
|
26天前
|
人工智能 自然语言处理 Shell
🦞 如何在 OpenClaw (Clawdbot/Moltbot) 配置阿里云百炼 API
本教程指导用户在开源AI助手Clawdbot中集成阿里云百炼API,涵盖安装Clawdbot、获取百炼API Key、配置环境变量与模型参数、验证调用等完整流程,支持Qwen3-max thinking (Qwen3-Max-2026-01-23)/Qwen - Plus等主流模型,助力本地化智能自动化。
35696 142
🦞 如何在 OpenClaw (Clawdbot/Moltbot) 配置阿里云百炼 API
|
9天前
|
人工智能 自然语言处理 监控
OpenClaw skills重构量化交易逻辑:部署+AI全自动炒股指南(2026终极版)
2026年,AI Agent领域最震撼的突破来自OpenClaw(原Clawdbot)——这个能自主规划、执行任务的智能体,用50美元启动资金创造了48小时滚雪球至2980美元的奇迹,收益率高达5860%。其核心逻辑堪称教科书级:每10分钟扫描Polymarket近千个预测市场,借助Claude API深度推理,交叉验证NOAA天气数据、体育伤病报告、加密货币链上情绪等多维度信息,捕捉8%以上的定价偏差,再通过凯利准则将单仓位严格控制在总资金6%以内,实现低风险高频套利。
3882 30
|
22天前
|
人工智能 安全 机器人
OpenClaw(原 Clawdbot)钉钉对接保姆级教程 手把手教你打造自己的 AI 助手
OpenClaw(原Clawdbot)是一款开源本地AI助手,支持钉钉、飞书等多平台接入。本教程手把手指导Linux下部署与钉钉机器人对接,涵盖环境配置、模型选择(如Qwen)、权限设置及调试,助你快速打造私有、安全、高权限的专属AI助理。(239字)
7849 22
OpenClaw(原 Clawdbot)钉钉对接保姆级教程 手把手教你打造自己的 AI 助手
|
21天前
|
人工智能 机器人 Linux
OpenClaw(Clawdbot、Moltbot)汉化版部署教程指南(零门槛)
OpenClaw作为2026年GitHub上增长最快的开源项目之一,一周内Stars从7800飙升至12万+,其核心优势在于打破传统聊天机器人的局限,能真正执行读写文件、运行脚本、浏览器自动化等实操任务。但原版全英文界面对中文用户存在上手门槛,汉化版通过覆盖命令行(CLI)与网页控制台(Dashboard)核心模块,解决了语言障碍,同时保持与官方版本的实时同步,确保新功能最快1小时内可用。本文将详细拆解汉化版OpenClaw的搭建流程,涵盖本地安装、Docker部署、服务器远程访问等场景,同时提供环境适配、问题排查与国内应用集成方案,助力中文用户高效搭建专属AI助手。
5352 12
|
5天前
|
存储 人工智能 负载均衡
阿里云OpenClaw多Agent实战宝典:从极速部署到AI团队搭建,一个人=一支高效军团
在AI自动化时代,单一Agent的“全能模式”早已无法满足复杂任务需求——记忆臃肿导致响应迟缓、上下文污染引发逻辑冲突、无关信息加载造成Token浪费,这些痛点让OpenClaw的潜力大打折扣。而多Agent架构的出现,彻底改变了这一现状:通过“单Gateway+多分身”模式,让一个Bot在不同场景下切换独立“大脑”,如同组建一支分工明确的AI团队,实现创意、写作、编码、数据分析等任务的高效协同。
821 21