1. 全栈程序员必看首页

AjaxPro使用说明[通俗易懂]

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

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


相关推荐

  • 安卓实现扫码登录_安卓登录界面

    安卓实现扫码登录_安卓登录界面

    安卓实现扫码登录_安卓登录界面首先不妨先看下Android:扫描二维码登陆原理:大概总结下这个过程就是：服务器生成全局唯一会话ID，并返回二维码、过期时间；用户扫描二维码，提交改会话ID，用户基本信息到服务器；PC端在过期时间内一直轮询，如果用户扫码，服务器记录状态，PC端跳转到已登录页面；那不妨按照这个思路来写一个简单的Demo。1.后台首先，我们需要搭建一个简易版的后台。在IDEA中创建SpringBoot项目，然后添加thymeleaf和session的依赖：<dependency> <

    全栈程序员-站长的头像 全栈程序员-站长
    2025年6月2日
    0
  • 推荐书籍：FFmpeg从入门到精通

    推荐书籍：FFmpeg从入门到精通

    推荐书籍：FFmpeg从入门到精通本书是一本介绍FFmpeg的实战技术指南，全书共10章，分为两个部分。第一部分部分（第1～7章）为FFmpeg的命令行使用篇，介绍了FFmpeg的基础组成部分、FFmpeg工具使用、FFmpeg的封装操作、FFmpeg的转码操作、FFmpeg的流媒体操作、FFmpeg的滤镜操作、FFmpeg的设备操作。第二部分（第8～10章）为FFmpeg的API使用篇，介绍了FFmpeg封装部分的API使用操作、FFmpeg编解码部分的API使用操作，FFmpeg滤镜部分的API使用操作，相关操作均以实例方式进行

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月26日
    22
  • qt显示视频的控件_qt 控件

    qt显示视频的控件_qt 控件

    qt显示视频的控件_qt 控件一、前言在平时的写作过程中，经常需要将一些操作动作和效果图截图成gif格式，使得涵盖的信息更全面更生动，有时候可以将整个操作过程和运行效果录制成MP4，但是文件体积比较大，而且很多网站不便于上传，基本上都支持gif动图，一般一个5秒左右的gif，800*600分辨率，可以很好的控制在500KB内，这样就比较完美的支持各大网站上传动图。最开始使用的是ScreenGif.exe，用了很久…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年9月20日
    0
  • Android布局优化之ViewStub、include、merge使用与源码分析

    Android布局优化之ViewStub、include、merge使用与源码分析

    Android布局优化之ViewStub、include、merge使用与源码分析在开发中UI布局是我们都会遇到的问题，随着UI越来越多，布局的重复性、复杂度也会随之增长。首先用得最多的应该是include，按照官方的意思，include就是为了解决重复定义相同布局的

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月28日
    28
  • oracle 错误01017,ORA-01017:用户名密码出错 故障实例「建议收藏」

    oracle 错误01017,ORA-01017:用户名密码出错 故障实例「建议收藏」

    oracle 错误01017,ORA-01017:用户名密码出错 故障实例「建议收藏」sysdba登录ORA-01017:用户名密码出错故障排查实例早上接到一个朋友的急call，说是数据库的sys登录不了系统叻。普通用户连接可以登录，只要是assysdba就提示ORA-01017:用户名密码出错。很显然这是一个典型的sysdba登录的问题。首先要他查看了sqlnet文件。SQLNET.AUTHENTICATION_SERVICES=(NONE)启动密码文件验证了，接着查看…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月31日
    79
  • .pkl文件怎么打开_python pkl文件

    .pkl文件怎么打开_python pkl文件

    .pkl文件怎么打开_python pkl文件1.show_pkl.py：#show_pkl.pyimportpicklepath=’aus_openface.pkl’#path=’/root/……/aus_openface.pkl’pkl文件所在路径 f=open(path,’rb’)data=pickle.load(f)print(data)print(len(data))2.运行命令…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年9月9日
    0

发表回复

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

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