服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - 分享AjaxPro或者Ajax实现机制

分享AjaxPro或者Ajax实现机制

2019-09-25 10:39asp.net教程网 ASP.NET教程

今天与大家分享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缓存没有实质区别。 
  好了,我就说这么多了,如果你们感兴趣的话可以去研究上面每一个.ashx文件里面的函数,唉,我是没时间弄了,网上也有很多关于这方面的资料,还有牛X的人直接把ajaxpro.2.dll反编译,大家也可以去看看里面的代码,也许会更有收获了,呵呵…… 
PS:Tandy Tang祝大家写代码写的愉快!

延伸 · 阅读

精彩推荐