AjaxPro或Ajax的实现方法

2019-08-26 05:47:36来源：爱站网阅读 ()

对于AjaxPro或Ajax的实现机制大家是不是都还不是非常的熟悉呢？那么今天小编就与大家分享AjaxPro或Ajax的实现方法，想了解的小伙伴们一起跟爱站小编一起去看看吧。

首先声明以下几点：
1、讲解如果感觉很初级的话，就算我装13了，不要"喷"我哦！
2、如果有那些地方不对，还希望大家能指正，一定虚心请教；
3、这只是一家之言，本人经验，无依无据，爱信不信。
下面开讲：
　　谈起ajax做过web开发的都很是熟悉，就是经由过程xmlhttp request与服务器端通信而避免页面按f5。也就是我们常说的"无刷新"，至于这里面的原理我就不懂，哪个懂的话，教一下我啊，谢谢！
　　凡要使用ajaxpro，咱们大致要做以下工作：
　　1、在项目中添加引用ajaxpro.2.dll，这个到网上下一下吧，如果不行的话，我有时间的话就共享一下；
　　2、在web.config配置文件中添加<
　　add verb="post,get"path="ajaxpro/*.ashx"type="ajaxpro.ajaxhandlerfactory,ajaxpro.2" />节点；
　　3、在要使用ajax功能的页面.cs文件上注册ajax，例如:
　　protected void page_load(object sender,eventargs e)
　　{//注册 ajax ajaxpro.utility.registertypeforajax(typeof(default));}
　　4、在.cs文件中声明可以被ajax调用的方法(或属性)，如:
　　[ajaxpro.ajaxmethod]
　　public string getstr(){return "str";}
　　5、在.aspx文件的<head></head>之间添加js调用ajax，如:

复制代码代码如下:

　　<script language="javascript">

　　var item=dynloadtree.default.getstr().value;//ajax调用后台方法

　　alert(item);

　　</script>

　　做好以上五步，咱们就基本实现了ajax页面不按f5的功能了。那它是怎样经由过程xmlhttp与服务器通讯的呢？运行后咱们可以看到html文件的源代码多了几行.ashx文件的缓存：

复制代码代码如下:

　　<script type="text/javascript" src="/ajaxpro/prototype.ashx" </script>

　　<script type="text/javascript" src="/ajaxpro/core.ashx"</script>

　　<script type="text/javascript" src="/ajaxpro/converter.ashx"</script>

　　<script> type="text/javascript" src="/ajaxpro/dynloadtree.default,dynloadtree.ashx"</script>

　　实际上这些.ashx就是在上面第3步ajaxpro.utility.registertypeforajax注册ajax时自动将这些缓存添加到html文档输出的。那这些文件是什么文件呢？再看第2步中在web.config中添加到httphandlers节中的配置，它告诉系统凡是收到ajaxpro路径下已经ashx为后缀的请求就全数交给ajaxpro.ajaxhandlerfactory这个类来处理，而这些ashx经过处理后返回的就是一些javascript文件，和普通的js缓存没有实质区别。
　

上文中介绍了AjaxPro或Ajax的实现方法，如果你们感兴趣的话可以去研究上面每一个.ashx文件里面的函数，网上也有很多关于这方面的资料，大家也可以去看看里面的代码，也许会更有收获了。

原文链接:https://js.aizhan.com/develop/aspnet/8453.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有