AJax技术

MVC4 基础篇Ajax.ActionLink 用法

字号+ 作者:H5之家 来源:H5之家 2016-07-18 13:00 我要评论( )

Ajax 属性的ActionLink方法可以创建一个具有异步行为的锚标签。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。

 

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ajax基础教程下载

    Ajax基础教程下载

    2016-06-15 13:02

  • ajax基础教程(四)

    ajax基础教程(四)

    2016-06-15 10:55

  • 从基础开始学习Ajax:什么是Ajax?

    从基础开始学习Ajax:什么是Ajax?

    2016-04-06 11:05

  • 快速学习AJAX之一 Ajax基础

    快速学习AJAX之一 Ajax基础

    2016-04-05 15:00

网友点评