AJax技术

在页面中使用Ajax.ActionLink 的一些用法

字号+ 作者:H5之家 来源:H5之家 2017-03-04 13:04 我要评论( )

在页面中使用Ajax.ActionLink 的一些用法,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

所有方法如下图:

 

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

相关文章
  • WordPress Ajax评论插件:Ajax Edit Comments

    WordPress Ajax评论插件:Ajax Edit Comments

    2017-03-04 08:04

  • 蚂蚁社区,一个可以下载源码的神奇网站

    蚂蚁社区,一个可以下载源码的神奇网站

    2017-03-03 11:07

  • 织梦h5cn利用ajax实现瀑布流无限加载的教程

    织梦h5cn利用ajax实现瀑布流无限加载的教程

    2017-03-02 12:06

  • ajax实现下载功能

    ajax实现下载功能

    2017-03-02 11:01

网友点评