.NET中AjaxPro如何使用
本篇文章为大家展示了.NET中AjaxPro如何使用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
创新互联是一家专业提供临河企业网站建设,专注与成都做网站、成都网站制作、H5技术、小程序制作等业务。10年已为临河众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
简单介绍
Ajax(Asynchronous JavaScript + XML)应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。
Ajax应用程序的优势在于:
1. 通过异步模式,提升了用户体验
2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。
配置
Ajax.net有AjaxPro.dll和Ajax.dll两个版本,这两个版本使用上虽然差不多,但还是有区别的,主要的区别在下面两点:
1. web.config配置文件不一样
Ajax.dll的配置文件写法为
<addverb="POST,GET"path="ajax/*.ashx"type="Ajax.PageHandlerFactory,Ajax"/> |
AjaxPro.dll的配置文件写法为
<addverb="*"path="ajaxpro/*.ashx"type="AjaxPro.AjaxHandlerFactory,AjaxPro"/> |
2. 调用服务器方法的时候方式不一样,有很多朋友就是因为这个原因,发现命名空间找不到或者对象未定义
引用Ajax.dll的时候,调用服务器方法不要加命名空间,
引用AjaxPro.dll的时候,调用服务器方法需要加命名空间
例如当页面设置为这种设置的时候
<%@Pagelanguage="c#"Codebehind="Test.aspx.cs"AutoEventWireup="false"Inherits="Web.Test"%> |
3. 客户端调用方式
Ajax.dll为 varresponse=Test.GetServerMethod(); alert(response.value); AjaxPro.dll为 varresponse=Web.Test.GetServerMethod(); alert(response.value); |
具体使用步骤
1. 首先下载AjaxPro 组件。并将AjaxPro.dll引用到网站(或项目)。
2. 修改Web.config。在
<configuration> <system.web> <httpHandlers> <!-- Register the ajax handler --> <add verb="*" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/> </httpHandlers> </system.web> </configuration> |
3. 对AjaxPro在页Page_Load事件中进行运行时注册。如:
protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));//这的_Default是指页面 类的类名。如是放在命名空间,则需要写上完整的命名空间(如:namespaces._Default) } |
4. 创建服务器端方法。只要给一个方法加上[AjaxPro.AjaxMethod]标记,
该方法就变成一个AjaxPro可进行影射调用的方法。如下:
[AjaxPro.AjaxMethod] public string getValue(int a,int b) { //该方法我们将实现从客户端传入两个数,在服务器端相加计算后返回到客户端。 return Convert.ToString(a+b); } |
5. 客户端调用。
<script language="javascript"> function getValue(){ _Default.getValue(1,2,getGroups_callback);//该处即调用服务器端的_Default.getValue方法。 这在里边需要指定个回调函数,以接受服务器端处理完后返回客户端结果。 form1.TextBox1.value="123"; } //这个方法用户接受并处理服务器端返回的结果。 function getGroups_callback(response){ var dt=response.value; alert(dt); } </script> |
上述内容就是.NET中AjaxPro如何使用,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。
文章名称:.NET中AjaxPro如何使用
文章URL:http://myzitong.com/article/ijdsjc.html