ASP.NET MVC Ajax.ActionLink 简单用法
2015-10-23 11:56
711 查看
ASP.NET MVC 项目中,如何使用类似于 iframe 的效果呢?或者说 Ajax 局部刷新,比如下面操作:
我们想要的效果是,点击 About 链接,页面不刷新(地址栏不变),然后下面的内容进行更新,其实实现这个效果,很简单,只需要使用 Ajax.ActionLink 即可。
参考资料:
How to use Ajax.ActionLink?
MVC4 基础篇 Ajax.ActionLink 用法
我们想要的效果是,点击 About 链接,页面不刷新(地址栏不变),然后下面的内容进行更新,其实实现这个效果,很简单,只需要使用 Ajax.ActionLink 即可。
1. 安装 Microsoft.jQuery.Unobtrusive.Ajax 程序包
Install-Package Microsoft.jQuery.Unobtrusive.Ajax
2. 引用 JS 文件:
@Scripts.Render("~/bundles/jquery") <script src="/Scripts/jquery.unobtrusive-ajax.min.js"></script>
3. web.config 增加配置:
<appSettings> <add key="UnobtrusiveJavaScriptEnabled" value="true" /> </appSettings>
4. 编写 Action:
public ActionResult About() { ViewBag.Message = "Your application description page."; if (Request.IsAjaxRequest()) { return PartialView();//Ajax.ActionLink } else { return View(); } }
5. 编写 View:
@Ajax.ActionLink("About", "About", "Home", null, new AjaxOptions { UpdateTargetId = "body-content" }, new { }) <div id="body-content"> @RenderBody() </div>
6. 效果:
参考资料:
How to use Ajax.ActionLink?
MVC4 基础篇 Ajax.ActionLink 用法
相关文章推荐
- asp.net传值方法汇总
- ASP.NET动态网站制作(18)-- jq作业讲解及知识补充
- ASP程序中常用的脚本语言
- ASP编码必备的8条原则
- JSON在ASP.NET中使用方法
- ASP.NET VS2013 Office 转 PDF
- ASP.NET- 使用NPOI导入导出标准Excel
- JSON在ASP.NET中使用方法
- ASP的小吃网
- ASP小说网
- ASP获取数据库表名、库名、字段名的方法
- 树莓派连接触摸屏方法(Raspberry Pi 3.5寸 B/B+/2B LCD液晶屏)
- asp中Scripting.Dictionary字典对象使用示例
- ASP.NET - 回滚事务
- ASP.NET MVC 音乐商店 - 目录
- IIS与ASP.NET中的队列
- 调用 GetProcAddress 失败,在 ISAPI 筛选器 "C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll" 上
- SSRS嵌入到aspx页面
- ASP.NET中使用UpdatePanel实现局部异步刷新方法和攻略(转)
- Devexpress中ASPxTreeView绑定数据,显示三级菜单的写法(用存储过程调取)