目录
AjaxPro使用说明 1
目录 2
修改历史纪录 3
1、什么是Ajax 4
2、为什么使用Ajax 4
3、Ajax应用场景 4
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对象发送异步请求。
2、为什么使用Ajax
-
减轻服务器的负担。Ajax的原则是"按需取数据",可以最大程序地减少冗余请求,减轻服务器的负担。
-
无需刷新页面,减少用户心理和实际的等待时间。特别是在读取大量数据时,不会像刷新页面那样出现白屏的情况,Ajax使用XMLHttpRequest对象发送请求并且得到服务器响应,在不重新载入整个页面的情况下,用Javascript操作DOM更新页面。因此在读取数据的过程中,用户所面对的不是白屏,是原来的页面内容(也可以加入一个"loading"的提示框让用户知道目前正在读取的数据),只有在数据接收完毕之后才更新社会相应部分的内容。这种更新是瞬间的,用户几乎感觉不到。
-
带来更好的用户体验
-
可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器负担,充分利用带宽资源,节约空间和宽带租用成本。
-
可以调用外部数据
-
基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。
-
进一步促进页面呈现与数据的分离
3、Ajax应用场景
场景1:数据验证
场景2:按需取数据
场景3:自动更新页面
4、Ajax开发框架
-
JQuery
-
Ext
-
YUI
-
Qooxdoo
-
DWR(Direct Web Remoting)
目前该产品被加入到WebWork中,开源(Apache)。可以在Javascript代码中直接调用java方法的应用框架,可以把Javascript中的请求调用转递到java方法中并将执行结果返回给Javascript。
AjaxPro是首家支持以各种方式通过javascript访问服务端.net的免费库,类似于SAJAX。它能把Javascript请求发送到.NET方法,服务端传回给Javascript,甚至包括串行化自定义类。其主要特点如下:
可以在Javascript中访问Session和Application数据;
缓存查询结果
免费使用源代码
所有类支持Javascript客户端返回数据,可以在Javascript中使用DataSet
使用HtmlControls组件访问和返回数据
页面无需重载,用事件代理(数据访问层)
因为只提供一个调用接口方法,所以服务端CPU占用非常少。
Magicajax以最简单的方式将Ajax功能整合到页面中,不需要修改ASP.NET控件,也不需要编写新的控件,更不需要撰写JAVASCRIPT,它有如下的特性:
应用配置简单,易于上手;
只用一个AJAXPANEL就实现Ajax功能,只要把需要无刷的控件放进AJAXPANEL就可以了。
Ajax功能和普通的POSTBACK可以共存于一个WEBFORM,MAGICAJAX处理模块只处理包含在AJAXPANEL中的控件的CALLBACK动作。
VIEWSTATE的内容对于POSTBACK和CALLBACK来说,都是可见的,因此,无论是CALLBACK产生的VIEWSTATE,还是POSTBACK产生的,都是可见的;
提供一个类似POSTBACK的CALLBACK的事件模型
支持IE和Firefox
和传统的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所示
图1-1
2.1.2出现如图1_2所示的对话框,点击浏览,找到AjaxPro.dll文件所在的位置,双击AjaxPro.dll,然后点击确定。
图1-2
2.1.3在资源管理器的引用文件夹下,就可以看到AjaxPro了,说明添加引用成功,如图1_3所示。
图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所示。
图2-1
2.3、添加服务端方法
2.3.1打开后台代码,在Page_Load方法体内加上如下代码,
AjaxPro.Utility.RegisterTypeForAjax(typeof(所在类的类名));
如图3-1所示。
图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
图3-2
注意:需要加上[Ajax.AjaxMethod]标识,这样才能够被客户端访问
2.4、添加前台代码
在前台添加JS脚本,调用服务器端方法,如图4-1所示(Try.AjaxTest.Add(num),Try为页面类,即AjaxTest类所在的命名空间,这里是Try;而AjaxTest即为类名,Add为方法名)
图4-1
2.5、运行程序,检验结果
按以上四个步骤,就可以实现预期的效果,如图5-1所示。
图5-1
分享到:
相关推荐
AjaxPro使用说明 - lexus - 博客园 Ajax是异步Javascript和XML(Asynchronous JavaScript and XML)的英文缩写。"Ajax"这个名词的发明人是Jesse James Garrett,而大力推广并且使Ajax技术炙手可热的是Google。Ajax的...
而"AjaxPro使用说明_files"很可能是一些辅助文件,如样式表或图片,用于支持"AjaxPro使用说明.htm"的布局和显示。 总的来说,AjaxPro框架是一个强大的工具,可以帮助.NET开发者构建动态、响应式的Web应用。通过深入...
- **AjaxPro.doc**:这可能是一份详细的AjaxPro使用说明书,涵盖了安装、配置、基本用法以及高级特性的介绍。通过阅读这份文档,开发者可以系统地学习如何在项目中集成和使用AjaxPro。 - **Ajaxpro快速入门.pdf**:...
7. **与jQuery等库的集成**:尽管AjaxPro可以独立工作,但它也可以很好地与jQuery和其他JavaScript库结合使用,通过包装AjaxPro的调用来利用这些库的其他功能。 8. **安全性考虑**:在使用AjaxPro进行开发时,也要...
2. **标记服务器端方法**:使用AjaxPro.UI.AjaxMethod特性标记你想要异步调用的服务器端方法。 3. **客户端调用**:在JavaScript中,你可以通过AjaxPro对象来调用这些方法,它会自动处理HTTP请求和响应的细节。 **...
//ajaxpro.2框架 //web.config配置,在节点下添加 *" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/> //页面加载时注册ajaxpro.2,_Default为页面的类 protected void Page_Load(object sender, ...
8. **使用说明**:提供的详细使用说明应该涵盖了如何在项目中引入AjaxPro库,创建异步方法,处理返回数据,以及如何处理错误等方面,是初学者快速上手的重要资料。 9. **示例代码**:通常,使用说明会包含实例代码...
使用AjaxPro,你可以在服务器端的类中定义公共方法,并使用AjaxMethod特性标记它们。例如: ```csharp using AjaxPro; public class MyAjaxController : System.Web.UI.Page { [AjaxMethod] public string ...
内附的简单实用说明可能包含了如何配置Web.config文件以启用AjaxPro、如何调试AjaxPro应用、以及常见问题的解决方案等内容。确保按照说明正确配置项目,以便充分利用AjaxPro的优势。 **8. 示例应用** 一个常见的...
"使用说明.txt"可能包含关于如何集成和使用AjaxPro的详细步骤,包括如何创建AjaxPro服务、如何调用这些服务以及如何在客户端JavaScript中使用返回的数据。这部分内容可能涉及JavaScript函数的编写,以及如何处理异步...
- "samples":提供了使用AjaxPro的示例代码,帮助开发者理解和学习如何在项目中应用该技术。 - "lib":这个目录可能包含了AjaxPro库文件和其他依赖的库文件,供开发过程中引用。 综合这些信息,Visual Studio .NET ...
在压缩包中,除了**AjaxPro.2.dll** 文件,还有一个**readme.txt** 文件,通常这个文件包含了关于如何使用组件的说明、版权信息或者注意事项。开发者应该阅读这个文件以了解如何正确集成和使用AjaxPro.2.dll。此外,...
AjaxPro是一个基于.NET Framework的库,它允许开发者创建高度交互性和响应式的Web应用程序,通过使用Asynchronous JavaScript and XML(AJAX)技术。AjaxPro的核心功能是提供了一种简单的方式来实现客户端与服务器...
*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/> //页面加载时注册ajaxpro.2,_Default为页面的类 protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility....
从一个具体的实例说明AJAX-AjaxPro的详细用法
5. **页面更新**:通过示例说明如何利用AjaxPro.2更新页面的部分内容,而不是整个页面。 6. **异步操作的生命周期管理**:如何跟踪和控制异步调用的状态,例如开始、结束、取消和重试。 7. **高级用法**:可能包括...
***使用AjaxPro实现前端与后台交互的知识点涉及了...通过上述知识点的详细说明,可以充分理解如何在***项目中使用AjaxPro库来实现前端和后端的交互。学习和掌握这些知识对于开发动态网站和提升用户体验有重要的意义。
5. ReadMe.txt:通常包含关于如何使用或安装这些库的简要说明。 6. TemplateVSI:可能是一个Visual Studio模板,帮助开发者快速创建新项目并集成这些库。 7. AjaxControlExtender、ToolkitTests、AjaxControlToolkit...
在使用不同版本的AjaxPro.2.dll时,开发者需要确保兼容性,特别是如果应用中已存在依赖于特定版本的代码。升级到新版本可能需要更新相关的JavaScript和.NET代码,以适应新库的变化。 压缩包中的"新建文件夹"可能是...
综上所述,这个压缩包提供了C#开发的在线小说下载网站的相关资源,包括AjaxPro的引用文件、源代码和一些说明文件。对于想要学习C# Web开发,尤其是ASP.NET和Ajax技术的开发者来说,这是一个宝贵的学习材料。通过深入...