【翻译】了解ASP.NETMVC中的Ajax助手-创新互联
原文:Understanding AJAX Helpers in ASP.NET MVC
作者:
Shailendra Chauhan works as Software Analyst at reputed MNC and has more than 5 years of hand over Microsoft .NET technologies. He is a .NET Consultant and is the founder & chief editor of www.dotnet-tricks.com and www.dotnetinterviewtricks.com blogs. He is author of book ASP.NET MVC Interview Questions and Answers.
He loves to work with web applications and mobile apps using Microsoft technology including ASP.NET, MVC, C#, SQL Server, WCF, Web API, Entity Framework,Cloud Computing, Windows Azure, jQuery, jQuery Mobile, Knockout.js, Angular.js and many more web technologies. More...
AJAX助手主要用于创建已启用AJAX的元素来执行异步请求,如启用了Ajax的表单或链接。AJAX助手是AJAXHelper类的扩展方法,包含在System.Web.Mvc.Ajax命名空间中。
AJAX HTML | 元素示例 |
基于action/controller的启用了AJAX的链接 | @Ajax.ActionLink("Load Products", "GetProducts", new AjaxOptions {UpdateTargetId = "Products-container", HttpMethod = "GET" }) 输出:Load Products |
非介入式AJAX(Unobtrusive AJAX)
ASP.NET支持基于JQuery非介入式的AJAX。非介入式意味着可以使用辅助方法来定义Ajax功能,而不是通过在视图内添加代码块来实现。
AJAX助手的各种配置选项
在AjaxOptions类定义了用来为AJAX请求生命周期内的不同阶段指定回调函数的属性。通过AjaxOptions类为AJAX助手提供了以下属性:
属性 | 描述 |
Url | 指定要请求的服务器的地址 |
Confirm | 指定将要显示给最终用户的确认对话框内消息。当用户在确认对话框内单击OK按钮,Ajax将执行调用。 |
OnBegin | 指定在发送Ajax请求前要调用的JavaScript函数名称。 |
ONComplete | 指定在Ajax请求完成后要调用的JavaScript函数名称。 |
OnSuccess | 指定在Ajax请求成功后要调用的JavaScript函数名称。 |
OnFailure | 指定在Ajax请求失败后要调用的JavaScript函数名称。 |
LoadingElementId | 用来指定在Ajax请求期间用来显示进度信息或动画的容器的id |
LoadingElementDuration | 指定进度信息或动画的持续时间,单位为毫秒 |
UpdateTargetId | 指定用来填充action方法返回的HTML的目标容器的id |
InsertionMode | 指定目标容器的填充防守。可选择值包括InsertAfter、 InsertBefore 和Replace(默认值) |
什么是跨域Ajax?
默认情况下,Web浏览器允许AJAX调用Web应用程序源站点的数据,即托管服务器的站点。这样做的目的是为了防止各类安全问题,如跨站脚本(XSS)***。不过,有时候还是需要与外部托管的API进行交互,如Twitter或Google。因此,要与这些外部的API或服务器进行交互的Web应用程序必须支持JSONP请求或跨资源共享(CORS)。在默认情况下,ASP.NET MVC是不支持JSONP或CORD的,为此,需要做一点点的编码和配置。
创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。
网站名称:【翻译】了解ASP.NETMVC中的Ajax助手-创新互联
新闻来源:http://pwwzsj.com/article/hijph.html