1. 全栈程序员必看首页

AjaxPro使用说明[通俗易懂]

全栈程序员-站长 • • 未分类 • 阅读 17

AjaxPro使用说明[通俗易懂]目录AjaxPro使用说明    1目录    2修改历史纪录    31、什么是Ajax    4２、为什么使用Ajax    4３、Ajax应用场景    4４、Ajax开发框架    55、AjaxPro说明    66、AjaxPro实例说明    62.1、添加AjaxPro.dll应用    62.2、配置web.config    82…

大家好，又见面了，我是你们的朋友全栈君。

目录

AjaxPro使用说明    1

目录    2

修改历史纪录    3

1、什么是Ajax    4

２、为什么使用Ajax    4

３、Ajax应用场景    4

４、Ajax开发框架    5

5、AjaxPro说明    6

6、AjaxPro实例说明    6

2.1、添加AjaxPro.dll应用    6

2.2、配置web.config    8

2.3、添加服务端方法    9

2.4、添加前台代码    11

2.5、运行程序，检验结果    12

 

1、什么是Ajax

 

Ajax是异步Javascript和XML(Asynchronous JavaScript and XML)的英文缩写。”Ajax”这个名词的发明人是Jesse James Garrett,而大力推广并且使Ajax技术炙手可热的是Google。Ajax的核心理念在于使用XMLHttpRequest对象发送异步请求。

２、为什么使用Ajax

  • 减轻服务器的负担。Ajax的原则是”按需取数据”，可以最大程序地减少冗余请求，减轻服务器的负担。
  • 无需刷新页面，减少用户心理和实际的等待时间。特别是在读取大量数据时，不会像刷新页面那样出现白屏的情况，Ajax使用XMLHttpRequest对象发送请求并且得到服务器响应，在不重新载入整个页面的情况下，用Javascript操作ＤＯＭ更新页面。因此在读取数据的过程中，用户所面对的不是白屏，是原来的页面内容（也可以加入一个”loading”的提示框让用户知道目前正在读取的数据），只有在数据接收完毕之后才更新社会相应部分的内容。这种更新是瞬间的，用户几乎感觉不到。
  • 带来更好的用户体验
  • 可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器负担，充分利用带宽资源，节约空间和宽带租用成本。
  • 可以调用外部数据
  • 基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。
  • 进一步促进页面呈现与数据的分离

３、Ajax应用场景

场景１：数据验证

场景２：按需取数据

场景３：自动更新页面

４、Ajax开发框架

  • JQuery
  • Ext
  • YUI
  • Qooxdoo
  • DWR(Direct Web Remoting)

目前该产品被加入到WebWork中，开源(Apache)。可以在Javascript代码中直接调用java方法的应用框架，可以把Javascript中的请求调用转递到java方法中并将执行结果返回给Javascript。

  • AjaxPro

AjaxPro是首家支持以各种方式通过javascript访问服务端.net的免费库，类似于SAJAX。它能把Javascript请求发送到.NET方法，服务端传回给Javascript，甚至包括串行化自定义类。其主要特点如下：

可以在Javascript中访问Session和Application数据;

缓存查询结果

免费使用源代码

所有类支持Javascript客户端返回数据，可以在Javascript中使用DataSet

使用HtmlControls组件访问和返回数据

页面无需重载，用事件代理（数据访问层）

因为只提供一个调用接口方法，所以服务端CPU占用非常少。

  • Ｍagicajax

Magicajax以最简单的方式将Ajax功能整合到页面中，不需要修改ASP.NET控件，也不需要编写新的控件，更不需要撰写JAVASCRIPT,它有如下的特性：

应用配置简单，易于上手；

只用一个AJAXPANEL就实现Ajax功能，只要把需要无刷的控件放进AJAXPANEL就可以了。

Ajax功能和普通的POSTBACK可以共存于一个WEBFORM,MAGICAJAX处理模块只处理包含在AJAXPANEL中的控件的CALLBACK动作。

VIEWSTATE的内容对于POSTBACK和CALLBACK来说，都是可见的，因此，无论是CALLBACK产生的VIEWSTATE,还是POSTBACK产生的，都是可见的；

提供一个类似POSTBACK的CALLBACK的事件模型

支持IE和Firefox

  • Anthem.NET

和传统的Ajax技术相比，Anthem.NET有以下优点：

不需要任何技术升级，以前不会使用Ajax技术的人员，按照以往的编程方式就可以实现异步交互；

支持asp.net 1.1和asp.net 2.0

5、AjaxPro说明

本文档将使用AjaxPro.Net框架实现Ajax功能：在客户端异步调用服务端方法。AjaxPro.Net是一个优秀的.net环境下的Ajax框架,用法很简单,可以查阅相关资料,本文档以一个简单的实例讲述使用AjaxPro的几个关键点，本例实现一个简单的功能，服务器端将页面中输入的数字加1后的结果返回给客户端（注意，必须有AjaxPro包，即AjaxPro.dll文件，可以在VSS上下载）。

6、AjaxPro实例说明

6.1、添加AjaxPro.dll应用

 

2.1.1用VS打开项目，在其资源管理器中，右击引用，左击”添加引用”，如图1_1所示

 

AjaxPro使用说明[通俗易懂]

图1-1

 

2.1.2出现如图1_2所示的对话框，点击浏览，找到AjaxPro.dll文件所在的位置，双击AjaxPro.dll，然后点击确定。

AjaxPro使用说明[通俗易懂]

图1-2

2.1.3在资源管理器的引用文件夹下，就可以看到AjaxPro了，说明添加引用成功，如图1_3所示。

AjaxPro使用说明[通俗易懂]

图1-3

2.2、配置web.config

这一步的作用是保证客户端向”ajaxpro/*.ashx”的请求（POST和GET）都被AjaxPro.AjaxHandlerFactory拦截。

打开web.config文件，在<configuration><system.web>后添加以下代码，

<httpHandlers>

<add verb=”POST,GET” path=”ajaxpro/*.ashx” type=”AjaxPro.AjaxHandlerFactory, AjaxPro”/>

</httpHandlers>

 

如图2_1所示。

 

AjaxPro使用说明[通俗易懂]

图2-1

 

2.3、添加服务端方法

2.3.1打开后台代码，在Page_Load方法体内加上如下代码，

 

AjaxPro.Utility.RegisterTypeForAjax(typeof(所在类的类名));

 

如图3-1所示。

AjaxPro使用说明[通俗易懂]

图3-1

 

其作用是向客户端输出下面的代码：

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

<script type=”text/javascript” src=”/ch33/ajaxpro/ch33.Verify,ch33.ashx”></script>

 

2.3.2、添加数字加一的方法，首先在方法前加[AjaxPro.AjaxMethod]，然后像写C#方法一样写方法，如图3-2

AjaxPro使用说明[通俗易懂]

图3-2

注意：需要加上[Ajax.AjaxMethod]标识，这样才能够被客户端访问

2.4、添加前台代码

在前台添加JS脚本，调用服务器端方法，如图4-1所示（Try.AjaxTest.Add(num)，Try为页面类，即AjaxTest类所在的命名空间，这里是Try；而AjaxTest即为类名，Add为方法名）

AjaxPro使用说明[通俗易懂]

图4-1

 

2.5、运行程序，检验结果

 

按以上四个步骤，就可以实现预期的效果，如图5-1所示。

AjaxPro使用说明[通俗易懂]

图5-1

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/158121.html原文链接：https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长
0 0


相关推荐

  • can总线板卡_CAN接口

    can总线板卡_CAN接口

    can总线板卡_CAN接口现有市场下，智能化程度越来越高，特别是AGV、机器人、物流车、动力电池检测等等行业中工控机应用越来越频繁。然而这些产品核心控制器与电池都是走的CAN总线通讯，而工控机本身是没有CAN通讯，那么工控机就需要通讯桥梁（025-68250795）来扩展CAN通道。而在工控机当中有nimipcie接口，如此就用可以用minipcie接口转CAN的一个模块来实现扩充CAN口。miniPCIe接口CAN卡是PCIExpressmini卡槽的工控机或单板电脑快速扩展CAN通道的利器。产品特性PCIExpr

    全栈程序员-站长的头像 全栈程序员-站长
    2025年9月1日
    5
  • 面试官：说下什么是TCP 的粘包和拆包？

    面试官：说下什么是TCP 的粘包和拆包？

    面试官：说下什么是TCP 的粘包和拆包？

    全栈程序员-站长的头像 全栈程序员-站长
    2022年2月20日
    56
  • 探讨PMI测量配置对5G下行速率的影响

    探讨PMI测量配置对5G下行速率的影响

    探讨PMI测量配置对5G下行速率的影响问题描述 当前 5GPMI 测量配置均为 8P4B 那么什么是 8P4B 另外为什么功能开启后能提升下行速率 问题分析 首先简单回答 8P4B 是一组下行参考信号 CSI RS UE 测量 CSI RS 信号用于给基站反馈下行 CQI PMI RI CRI 等信息 当基站读到信息后会给 UE 分配最合适的 MCS TBSize RB 资源等调度相关的参数 从而使 UE 的下载性能达到最佳 一 8PP 是 port 的缩写 就是 8 个端口 这里的端口是逻辑天线端口 下图是按照目前中兴推荐配置后的一个 RB 内的 8 个端口

    全栈程序员-站长的头像 全栈程序员-站长
    2025年9月4日
    5
  • yarn的安装和使用

    yarn的安装和使用

    yarn的简介：Yarn是facebook发布的一款取代npm的包管理工具。yarn的特点：速度超快。Yarn缓存了每个下载过的包，所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率，因此安装速度更快。超级安全。在执行代码之前，Yarn会通过算法校验每个安装包的完整性。超级可靠。使用详细、简洁的锁文件格式和明确的安装算法，Yarn能够保证在不同…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月3日
    74
  • nginx相关面试题_结构化面试题库及答案

    nginx相关面试题_结构化面试题库及答案

    nginx相关面试题_结构化面试题库及答案Nginx是什么？Nginx(enginex)是一个由c语音编写的高性能的HTTP和反向代理web服务器可以用来做什么？1、http服务器。Nginx是一个http服务可以独立提供http服务。可以做网页静态服务器。2、虚拟主机。可以实现在一台服务器虚拟出多个网站。例如个人网站使用的虚拟主机。基于端口的，不同的端口基于域名的，不同域名3、反向代理，负载均衡。当网站的访问量达到一定程度后，单台服务器不能满足用户的请求时，需要用多台服务器集群可以使用nginx做反向代理。并且多..

    全栈程序员-站长的头像 全栈程序员-站长
    2022年8月26日
    6
  • java如何输入字符串_JAVA中怎样输入字符串「建议收藏」

    java如何输入字符串_JAVA中怎样输入字符串「建议收藏」

    java如何输入字符串_JAVA中怎样输入字符串「建议收藏」https://zhidao.baidu.com/question/344967589.htmljava.lang.String.charAt()方法返回指定索引处的char值。http://www.yiibai.com/javalang/string_charat.html(toLowerCase)toUpperCase的意思是将所有的英文字符转换为大写字母，如：Stringcc=“a…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月16日
    17

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号