Asp.net MVC 中Ajax的使用
Asp.net MVC 抛弃了Asp.net WebForm那种高度封装的控件,让我们跟底层的HTML有了更多的亲近。可以更自由、更灵活的去控制HTML的结构、样式和行为。而这点对于Ajax的应有来说,Asp.net MVC确实要比WebForm优秀很多。我对Asp.net MVC更便捷的使用Ajax做了一下探讨,拿出来分享,欢迎拍砖。
第一、直接写JS代码实现Ajax:
因为Asp.net 浏览器端的代码能更好的控制,所以我们完全可以在HTML中直接通过JS发出Ajax请求,而在Controller的action中返回XML或者Json,来实现Ajax效果,这种方法是最原始的方法,需要考虑浏览器和诸多问题,不推荐使用。
参考代码如下:
JS代码:
后台代码:
第二种:使用Jquery进行Ajax调用:
在VS 2010中,IDE全面支持Jquery的智能显示,在开发中使用Jq来实现JS效果非常的棒,而且可以节省很多精力和时间。所以在Ajax中使用JQuery进行开发,也是一种不错的方法。
大概的实现代码如下:
第三种方法:使用微软自带的Ajax Helper框架来实现.
第二种和第三种方法在博客园有篇博客中有所讲解,我直接进行了引用,具体地址如下:http://www.cnblogs.com/zhuqil/archive/2010/07/18/1780285.html
主要是对Ajax helper记录下我自己的看法和注意的事项。
第一、Ajax Helper是微软提供的一种Ajax框架,为了使用Ajax Helper必须使用微软提供的两个Js框架:
<script src="http://www.cnblogs.com/Scripts/MicrosoftAjax.js" type="text/javascript"></script> <script src="http://www.cnblogs.com/Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
第二、Ajax Helper有几个用法
Ajax.ActionLink():它将渲染成一个超链接的标签,类似于Html.ActionLink()。当它被点击之后,将获取新的内容并将它插入到HTML页面中。
Ajax.BeginForm():它将渲染成一个HTML的Form表单,类似于Html.BeginForm()。当它提交之后,将获取新的内容并将它插入到HTML页面中。
Ajax.RouteLink():Ajax.RouteLink()类似于Ajax.ActionLink()。不过它可以根据任意的routing参数生成URL,不必包含调用的action。使用最多的场景是自定义的IController,里面没有action。
Ajax.BeginRouteForm():同样Ajax.BeginRouteForm()类似于Ajax.BeginForm()。这个Ajax等同于Html.RouteLink()。
而每个方法里面的参数会有所不同,具体的用法见:http://msdn.microsoft.com/zh-cn/library/system.web.mvc.ajaxhelper_methods(v=VS.98).aspx
其中一个重要的参数为:AjaxOption,存在有以下几个属性,主要是来规定Ajax的行为的。
名称 | 描述 | |
---|---|---|
Confirm | 获取或设置提交请求之前,显示在确认窗口中的消息。 | |
HttpMethod | 获取或设置 HTTP 请求方法(“Get”或“Post”)。 | |
InsertionMode | 获取或设置指定如何将响应插入目标 DOM 元素的模式。 | |
LoadingElementDuration | 获取或设置一个值(以毫秒为单位),该值控制显示或隐藏加载元素时的动画持续时间。 | |
LoadingElementId | 获取或设置加载 Ajax 函数时要显示的 HTML 元素的 id 特性。 | |
OnBegin | 获取或设置更新页面之前,恰好调用的 JavaScript 函数的名称。 | |
OnComplete | 获取或设置实例化响应数据之后但更新页面之前,要调用的 JavaScript 函数。 | |
OnFailure | 获取或设置页面更新失败时,要调用的 JavaScript 函数。 | |
OnSuccess | 获取或设置成功更新页面之后,要调用的 JavaScript 函数。 | |
UpdateTargetId | 获取或设置要使用服务器响应来更新的 DOM 元素的 ID。 | |
Url | 获取或设置要向其发送请求的 URL。 |
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。