MVC4 基础篇Ajax.ActionLink 用法

Ajax 属性的ActionLink方法可以创建一个具有异步行为的锚标签。

ActionLink方法的第一个参数指定了链接文本,第二个参数是要异步调用的操作的名
称。类似于同名的HTML辅助方法,AJAX辅助方法ActionLink也提供了各种重载版本,
用来传递控制器名称、路由值和HTML特性。

如下使用:

 1、 @Ajax.ActionLink("首页", "Index", "Home", new AjaxOptions() { UpdateTargetId = "body_content", HttpMethod = "Post", InsertionMode = InsertionMode.Replace })

首先Ajax描述我们使用,UpdateTargetId为更新我们的展示层的内容,HttpMethod不必说大家都知道。我们简单介绍一下InsertionMode,微软提供的描述为枚举AJAX脚本插入模式,我们发现InsertionMode枚举中有三个(InsertAfter、InsertBefore、Replace)不难理解,InsertAfter为插入之前,InsertBefore插入之后,Replace为替换内容,那么我们可以分析出,上面方法是异步的刷新了body_content层的内容。

那么显然我们根据这些内容可以分析出部分他的应用场景。数据表的更新以及其他内容的更新,追加通过此处处理更加方便,我们在看AjaxActionLink还有什么用法。

2、Confirm我们看到这个属性,获取或设置在请求之前显示在确认窗口中的消息,不难理解我们可以通过这个内容来实现我们alert的消息提示功能。(是不是有种要拜托javascript的感觉呢?其实机制仍然是javascript)

3、OnComplete、OnSuccess、OnFailure、OnBegin我们发现还包括这些内容, 第一眼看到就是一个时间方法。然而在Ajax.ActionLink中。也是对我们处理的方法返回的相应的结果内容。 我们通过前台Javascript来实现处理完成,处理成功,处理失败等信息多对应的业务内容。

处理如下

@Ajax.ActionLink("首页", "Index", "Home", new AjaxOptions() { UpdateTargetId = "body_content", HttpMethod = "Post" ,OnSuccess="Show()",OnFailure="Failure()"})

<script>

function Show(){

///想处理什么自己描述吧

}

function Failure(){

///想处理什么自己描述吧

}

</script>

4、Url:获取或设置已呈现的页的URL

所有方法如下图:

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

 

 

posted @ 2012-12-18 14:55  真有意思  阅读(4515)  评论(2编辑  收藏  举报