分享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祝大家写代码写的愉快!

(0)

相关推荐

  • 完美解决Could not load file or assembly AjaxPro.2 or one of its dependencies. 拒绝访问。 原创

    Server Error in '/' Application.  -------------------------------------------------------------------------------- Could not load file or assembly 'AjaxPro.2' or one of its dependencies. 拒绝访问.  Description: An unhandled exception occurred during the 

  • 编写轻量ajax组件02--浅析AjaxPro

    前言 上一篇介绍了在webform平台实现ajax的一些方式,并且实现一个基类.这一篇我们来看一个开源的组件:ajaxpro.虽然这是一个比较老的组件,不过实现思想和源码还是值得我们学习的.通过上一篇的介绍,我们知道要调用页面对象的方法,就是靠反射来实现的,关键是整个处理过程,包括反射调用方法.参数映射等.ajaxpro不仅在后台帮我们实现了这个过程,在前台也封装了请求调用的方法,例如ajax的相关方法,用ajaxpro的方法就可以发送异步请求了,不需要自己封装js或者使用js库.接下来就对这个

  • 关于服务器或虚拟主机不支持 AjaxPro 的问题终极解决方法

    方法为:在网站属性中 -->> 主目录 -->>配置 -->> 添加一个 .ashx 文件的映射 就可以了 , 映射的文件路径在:C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\aspnet_isapi.dll 扩展名: .ashx 动作:GET,HEAD,POST,DEBUG 检查文件是否存在的勾去掉 首先要在Web.config的<system.web>中添加下面的东东 <httpHandlers>

  • ajaxpro.dll 控件实现异步刷新页面

    html代码 复制代码 代码如下: <script type="text/javascript"><!-- function getUserName() { Demo.ajax.GetUserName(document.getElementById("accout").value,getName); } function getName(respone) { document.getElementById("passowrd")

  • jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法

    在某项目中,设计模板字段引擎,采用html+jquery实现,这里的数据就难免需要ajax获取,但是团队对于js掌握不一,所以我写了下面辅助类,可以像ajaxpro一样简化ajax的开发. 代码-jQueryInvokeMethodAttribute (此处只做标示方法处理,所以为空): 复制代码 代码如下: [AttributeUsage(AttributeTargets.Method, AllowMultiple=false,Inherited=false)] public class jQ

  • asp.net下使用AjaxPro实现二级联动代码

    复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> <!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1

  • 使用AjaxPro.Net框架实现在客户端调用服务端的方法

    此文档将使用AjaxPro.Net框架实现Ajax功能:在客户端异步调用服务端方法.AjaxPro.Net是一个优秀的.net环境下的Ajax框架,用法很简单,可以查阅相关资料,本文档是一个简单的实例讲述使用AjaxPro的几个关键点. 1.下载AjaxPro 组件.并将AjaxPro.dll引用到网站(或项目).下载:Download latest version 7.7.31.1. 2.修改Web.config.在 <system.web> 元素中添加以下代码. <configura

  • 分享AjaxPro或者Ajax实现机制

    首先声明以下几点: 1.讲解如果感觉很初级的话,就算我装13了,不要"喷"我哦! 2.如果有那些地方不对,还希望大家能指正,一定虚心请教: 3.这只是一家之言,本人经验,无依无据,爱信不信. 下面开讲: 谈起ajax做过web开发的都很是熟悉,就是经由过程xmlhttp request与服务器端通信而避免页面按f5.也就是我们常说的"无刷新",至于这里面的原理我就不懂,哪个懂的话,教一下我啊,谢谢! 凡要使用ajaxpro,咱们大致要做以下工作: 1.在项目中添加引

  • 解析浏览器端的AJAX缓存机制

    AJAX的缓存是由浏览器维持的,对于发向服务器的某个url,ajax仅在第一次请求时与服务器交互信息,之后的请求中,ajax不再向服务器提交请求,而是直接从缓存中提取数据. 有些情况下,我们需要每一次都从服务器得到更新后数据.思路是让每次请求的url都不同,而又不影响正常应用:在url之后加入随机内容. e.g. url=url+"&"+Math.random(); Key points: 1.每次请求的url都不一样(ajax的缓存便不起作用) 2.不影响正常应用(最基本的)

  • jquery跨域请求示例分享(jquery发送ajax请求)

    jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数.原型如下: jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据. url: 发送请求的地址data : (可选) 待发送key/value参数callback: (可选) 载入成功时的回调函数主要用于客户端获取服务器JSON数据.简单示例: 服务器脚本,返回JSON数据: 复制代码 代码如下: // $.getJSON.php$

  • 值得分享的php+ajax实时聊天室

    非常经典的一款php+ajax实时聊天室,其中使用PHP文件保存聊天记录,按天划分,PHP实现聊天的功能只有一个文件,整合了PHP与AJAX技术,也就是说只要运行这一个文件就可以启动PHP的聊天室了,关于代码上面也是非常的简单,但是实现了聊天室一般的功能,聊天时的昵称,更改昵称的颜色,聊天字号大小,字体,加粗,窗体的变大变小等等,如果你想搞个聊天室来玩玩,这个源码完全可以满足普通的需求. 具体的效果看如下图: 关键代码: <?php header('content-type:text/html;

  • ajax 技术和原理分析

    ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体.它由下列技术组合而成. 1.使用CSS和XHTML来表示. 2. 使用DOM模型来交互和动态显示. 3.使用XMLHttpRequest来和服务器进行异步通信. 4.使用javascript来绑定和调用. 在上面几中技术中,除了XmlHttpRequest对象以外,其它所有的技术都是基于web标准并且已经得到了广泛使用的,XMLHttpRequest虽然目前还没有被W3C所采纳,但是它已经是一个事实的标准,因为目

  • 简述Ajax的优点与缺点

    ajax的优点 Ajax的给我们带来的好处大家基本上都深有体会,在这里我只简单的讲几点: 1.最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好. 2.使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力. 3.可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本.并且减轻服务器的负担,ajax的原则是"按需取数据",可以最大程度的减少冗余请求,和响应对服务器造成的负担. 4.基于标准化的

  • ASP.NET中实现jQuery Validation-Engine的Ajax验证

    见下图: 验证的例子:http://www.position-relative.net/creation/formValidator/ 官方地址: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ 这个插件支持大部分的浏览器,但由于有使用到了css3的阴影和圆角样式,所以在IE浏览器下无法看到圆角和阴影效果(IE 9 支持圆角效果). 本文主要内容是

  • 浅析Ajax的 原理及优缺点

    1.ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth.google suggest以及gmail等对ajax技术的广泛应用,催生了ajax的流行.而这也让微软感到无比的尴尬,因为早在97年,微软便已经发明了ajax中的关键技术,并且在99年IE5推出之时,它便开始支持XmlHttpRequest对象,并且微软之前已经开始在它的一些产品中应用ajax,比如说MSDN网站菜单中的一些应用.遗憾的是,不知道出于什么想法,当时微软发明了aja

  • Ajax工作原理深入理解

    1.ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth.google suggest以及gmail等对ajax技术的广泛应用,催生了ajax的流行.而这也让微软感到无比的尴尬,因为早在97年,微软便已经发明了ajax中的关键技术,并且在99年IE5推出之时,它便开始支持XmlHttpRequest对象,并且微软之前已经开始在它的一些产品中应用ajax,比如说MSDN网站菜单中的一些应用.遗憾的是,不知道出于什么想法,当时微软发明了aja

  • Ajax实时验证用户名/邮箱等是否已经存在的代码打包

    今天分享一个"利用Ajax技术来检测用户名是否存在"的例子. 利用Ajax技术来检测用户名是否存在的原理流程图: 最终结果截图: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

随机推荐