欢迎使用CSDN-markdown编辑器

来源：互联网发布：android bsp 性能优化编辑：程序博客网时间：2024/04/29 19:02

asp.net mvc4 ajax.actionlink实例详解

ajax.actionlink可以实现客户端的异步调用。例如：当你点击当前网页中的一个链接时，整个的网页都被重新加载。使用它，你可以仅仅只更新指定div中的内容等。

ajax.actionlink 可适用以下场景：

1、左右布局中，左为分类，右为内容。选左边分类，右边加载内容，不会重新加载整个页面。

ajax.actionlink 说明：

public static string ActionLink(this AjaxHelper ajaxHelper, string linkText, string actionName, object routeValues, AjaxOptions ajaxOptions);　  linkText：是显示在客户端的文本　  　  actionName：是Action的名字，默认情况下我们会使用当前的Controller。　  　  routeValues：将传入到Controller中方法的参数    ajaxOptions：配置Ajax的一些选项，看完下面的例子我们再详细讲解这个配置选项。

ajaxoptions中还有其他可以指定的属性：

Confirm         获取或设置提交请求之前，显示在确认窗口中的消息。HttpMethod      获取或设置 HTTP 请求方法（“Get”或“Post”）。InsertionMode   获取或设置指定如何将响应插入目标 DOM 元素的模式。LoadingElementId获取或设置加载 Ajax 函数时要显示的 HTML 元素的 id 特性。OnBegin         获取或设置更新页面之前，恰好调用的 JavaScript 函数的名称。OnComplete      获取或设置实例化响应数据之后但更新页面之前，要调用的 JavaScript 函数。OnFailure       获取或设置页面更新失败时，要调用的 JavaScript 函数。OnSuccess       获取或设置成功更新页面之后，要调用的 JavaScript 函数。UpdateTargetId  获取或设置要使用服务器响应来更新的 DOM 元素的 ID。Url             获取或设置要向其发送请求的 URL。

使用ajax.actionlink要进行一点设置：

1、设置web.config。  2个关键的地方要被设置成true。  ClientValidationEnabled   UnobtrusiveJavaScriptEnabled。

<appSettings> <add key="webpages:Version" value="1.0.0.0" /> <add key="ClientValidationEnabled" value="true" /> <add key="UnobtrusiveJavaScriptEnabled" value="true" /> </appSettings>

2、引入几个javascript 文件。   我们要在shared 的layout文件夹里完成这件事，因为几乎我们创建所有的view时都会引用它（布局模板）。在Views/Shared/_Layout.cshtml 文件的<head>标签中。我们引入2个javascript 文件，代码如下：

<head> <title>@ViewBag.Title</title> <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")"type="text/javascript"></script> </head>

0 0