web框架-Ajax.ActionLink使用方法

在web开发中会经常出现使用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");
        }
结果

网站&系统开发技术学习交流群:463167176

本站文章除注明转载外,均为本站原创或翻译,欢迎任何形式的转载,但请务必注明出处,尊重他人劳动,共创和谐网络环境。
转载请注明:文章转载自:华晨软件-云微开发平台 » web框架-Ajax.ActionLink使用方法
本文标题:web框架-Ajax.ActionLink使用方法
本文地址:http://www.hocode.com/OrgTec/UI/0010.html

相关文章: Web框架异步提交Ajax解析

电话
电话 18718672256

扫一扫
二维码