码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET MVC Ajax.ActionLink 简单用法

时间:2016-05-18 10:42:14      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:

ASP.NET MVC 项目中,如何使用类似于 iframe 的效果呢?或者说 Ajax 局部刷新,比如下面操作:

技术分享

我们想要的效果是,点击 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. 效果:

技术分享

ASP.NET MVC Ajax.ActionLink 简单用法

标签:

原文地址:http://www.cnblogs.com/zhyp/p/5504222.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!