来源：http://developer.51cto.com/art/200906/129502.htm
本文介绍了四种流行的AJAX框架，包括简洁的jQuery，面向对象的
Mootools，拥有强大支持的Dojo，以及组件化，RIA化的Ext JS。
AJAX
是web20
的基石，现在网上流行几种开源的
AJAX框架，比如：jQuery,Mootools,Dojo,Ext JS等等，那么我们到底在什么情况下该使用那个框架？以下是一组摘抄的数据：
Ajaxian在2007年底对Ajax工具进行了调查，部分调查结果见下表（其中数字为调查者使用该工具的百分比，详细的请参见网页）：http://ajaxian.com/archives/2007-ajax-tools-usage-survey-results
Prototype
jQuery
Ext
Script.aculo.us
Mootools
YUI
JSON
Dojo
Backbase
34.1%
29.3%
22.5%
22.3%
14.3%
13%
12.9%
11.8%
8.3%
其中Prototype使用率最高，很大程度上是因为它是最早成熟的框架，很多以前在项目中采用，所以现在一直在用
让我们来看看选择AJAX框架的基础：
你的项目需求（即你需要哪些特性，例如是否要求做出精美的界面、特效或其它功能）
是否支持A等级的浏览器（IE, Firefox等）?
文档的质量：是否完善（包含教程，API，代码示例等）
框架的可扩展性如何？为框架写插件容易吗？
......
//平常调用javascript方法
ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert'Weclome!!!');</script>");
背景不为白色的方法：
Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript' defer>alert('添加失败，请联系技术员！');</script>");
//加入ajax后调用javascript方法
ScriptManager.RegisterStartupScript(UpdatePanel1, this.GetType(), "", "alert('Weclome!!!');", true);
第一个参数是触发此提示框空间的ID，第二个参数类型，第三个参数是脚本名字（可以为空），第四个参数javascript代码，记住在次无需再用script标签，第五个参数是否启用.
例子：
bool b= tmaintainmanager.PMaintainUpdate(tmaintain);
if (b)
{
ScriptManager.RegisterClientScriptBlock(btnsave, this.GetType(), "", "alert('提交成功!' ......
//平常调用javascript方法
ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert'Weclome!!!');</script>");
背景不为白色的方法：
Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript' defer>alert('添加失败，请联系技术员！');</script>");
//加入ajax后调用javascript方法
ScriptManager.RegisterStartupScript(UpdatePanel1, this.GetType(), "", "alert('Weclome!!!');", true);
第一个参数是触发此提示框空间的ID，第二个参数类型，第三个参数是脚本名字（可以为空），第四个参数javascript代码，记住在次无需再用script标签，第五个参数是否启用.
例子：
bool b= tmaintainmanager.PMaintainUpdate(tmaintain);
if (b)
{
ScriptManager.RegisterClientScriptBlock(btnsave, this.GetType(), "", "alert('提交成功!' ......
当下盛行的Ajax
现在Ajax框架数不胜数，Ajax的功能也太庞大的以至于它连它的父辈Javascript都带动起来了，记得我最初接触web的时候Javascript还没到达有现在的高度，如今随着客户提醒越来越重要，很多软件开发并不仅仅停留在功能实现的要求上，而是更注重交互、分享和互动（这也是web2.0的目标）。其实这也是完全正确的，毕竟那种仅仅赋予功能的东西我们不能满足了，例如你买东西还想要挑好看的呢，何况软件开发呢。回到正题，Ajax框架我还是赞成使用的，毕竟自己来实现效率太慢了，像目前优秀的javascript框架jQuery就不得不令人赞赏，而且它也是越来越受欢迎，连微软都在Asp.Net MVC框架中自带了jQuery。但是我觉还是有必要了解Ajax的本质的，这样你才能运用自如。
Ajax
的工作
Ajax直觉认识：我们发送一个请求，但是这个请求比较特殊它是异步的，也就是说客户端是不会感觉到的。在发送这个请求的时候我们绑定了一个事件，这个事件会监控我们发送请求的状态，并且每次状态改变都会触发，所以我们就可以根据不同的状态让他执行不同的操作。请求到达服务器端的后服务器端根据相应的请求返回 ......
<script type="text/javascript" language="javascript" src="JS/jquery-1[1].2.3.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){ //Jquery 页面加载事件，当页面加载之后首先执行这个方法
//第一种Ajax请求
$.ajax({
type:"GET", //请求类型，有get,post等类型，和表单提交是一样的
url:"Result.aspx", //请求处理的页面,就是说由那个页面捕获请求，同样这个路径可以换成ashx，一般处理程序
data: "name=John&location=Boston", //传递参数，实在就是(Result ......
了解使用 ASP.NET AJAX 进行局部页面更新
简介
Microsoft的 ASP.NET 技术提供了一个面向对象、事件驱动的编程模型，并将其与已编译代码的优势结合起来。但其服务器端的处理模型仍存在技术本身所固有的几点不足：
进行页面更新需要往返服务器，因此需要页面刷新；
来回往返不会保留 Javascript 或其他客户端技术（如 Adobe Flash）生成的任何效果。
在回传过程中，除 Microsoft Internet Explorer 之外的浏览器都不支持自动存储滚动位置。而即使在Internet Explorer 中，页面刷新时仍然会出现闪屏现象。
回传可能会导致占用较多的带宽，这是因为 __VIEWSTATE 表单字段可能会变大，尤其是在处理 GridView 或 Repeater 等控件时。
没有统一的模型用于通过JavaScript或其他客户端技术访问 Web 服务。
进入 Microsoft 的 ASP.NET AJAX 扩展。AJAX 的全称为 Asynchronous JavaScript And XML（异步 JavaScript 和XML），它是一个集成框架，用于通过跨平台的JavaScript 提供增量页面更新。AJAX 包括含有Microsoft AJAX Framework的服务器侧代码，以及一个名为 Microsoft AJAX Script Library 的脚本组件。ASP.NET AJAX 扩展还跨平台支持通过JavaScript 访问ASP.NET Web � ......
了解使用 ASP.NET AJAX 进行局部页面更新
简介
Microsoft的 ASP.NET 技术提供了一个面向对象、事件驱动的编程模型，并将其与已编译代码的优势结合起来。但其服务器端的处理模型仍存在技术本身所固有的几点不足：
进行页面更新需要往返服务器，因此需要页面刷新；
来回往返不会保留 Javascript 或其他客户端技术（如 Adobe Flash）生成的任何效果。
在回传过程中，除 Microsoft Internet Explorer 之外的浏览器都不支持自动存储滚动位置。而即使在Internet Explorer 中，页面刷新时仍然会出现闪屏现象。
回传可能会导致占用较多的带宽，这是因为 __VIEWSTATE 表单字段可能会变大，尤其是在处理 GridView 或 Repeater 等控件时。
没有统一的模型用于通过JavaScript或其他客户端技术访问 Web 服务。
进入 Microsoft 的 ASP.NET AJAX 扩展。AJAX 的全称为 Asynchronous JavaScript And XML（异步 JavaScript 和XML），它是一个集成框架，用于通过跨平台的JavaScript 提供增量页面更新。AJAX 包括含有Microsoft AJAX Framework的服务器侧代码，以及一个名为 Microsoft AJAX Script Library 的脚本组件。ASP.NET AJAX 扩展还跨平台支持通过JavaScript 访问ASP.NET Web � ......
使用DWR开发Ajax应用：
1、导入DWR的Jar包：dwr.jar;
2、在/WEB-INF下添加dwr.xml配置文件；
3、在web.xml文件中配置dwr的服务器端组件（DwrServlet）:
<!-- 添加DWR的Servlet -->
<servlet>
<servlet-name>dwr</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
4、创建JavaScript调用的服务器端组件，可以是一个普通的Java类；
5、对dwr.xml文件进行配置;
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://getahead.org/dwr/dwr20.dtd">
<dwr> ......
最新文章 : ajax