Web开发框架中.NET MVC会经常出现使用ajax来实现异步刷新页面数据,那么Ajax.ActionLink是一个不错的选择。

前言 
用法 
后台action
结果
前言

Ajax.ActionLink方法的第一个参数指定了链接文本,第二个参数是要异步调用的操作的名称。类似于同名的HTML辅助方法,AJAX辅助方法ActionLink也提供了各种重载版本,用来传递控制器名称、路由值和HTML特性。
Ajax辅助方法依赖于非侵入式JavaScript,所谓非侵入式JavaScript是指:在HTML中不包含任何的JavaScript代码。如果要使用Ajax的辅助方法,就必须引用相关的JS文件。如下:
首先引入JQ:
<script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript" > </script >
其次引入和AJax相关的JS文件:
<script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript" > </script >
<script src="../../Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript" > </script >

用法

Web开发框架中如下所例用法
@Ajax.ActionLink("删除首页静态页面", "DeletStaticHomeIndex", "Home", null, new System.Web.Mvc.Ajax.AjaxOptions() { HttpMethod = "POST", OnSuccess = "OnSuccess" }, new { @class = "btn btn-primary btn-lg" })
参数说明如图
方法参数

后台action
       [HttpPost]
        public ActionResult DeletStaticHomeIndex()
        {
            _storeService.DeleteHomeIndex();
            return  RedirectToAction("Index");
        }

  

结果

 

posted on 2018-12-28 09:25  Web开发框架  阅读(143)  评论(0编辑  收藏  举报