一步一步学ajax（一）
曾经对ajax很好奇，每次和同学或者同事谈起ajax听他们在那轻描淡写一番不知所以然，前几天查资料才豁然明白。下面直入正题：
Ajax 基本上就是把 JavaScript 技术和 XMLHttpRequest
对象放在 Web
表单和服务器之间
。当用户填写表单时，数据发送给一些 JavaScript 代码而不是
直接发送给服务器。相反，JavaScript
代码捕获表单数据并向服务器发送请求。同时用户屏幕上的表单也不会闪烁、消失或延迟。换句话说，JavaScript
代码在幕后发送请求，用户甚至不知道请求的发出。更好的是，请求是异步发送的，就是说 JavaScript
代码（和用户）不用等待服务器的响应。因此用户可以继续输入数据、滚动屏幕和使用应用程序。然后，服务器将数据返回 JavaScript 代码（仍然在 Web
表单中），后者决定如何处理这些数据。它可以迅速更新表单数据，让人感觉应用程序是立即完成的，表单没有提交或刷新而用户得到了新数据。JavaScript
代码甚至可以对收到的数据执行某种计算，再发送另一个请求，完全不需要用户干预！这就是 XMLHttpRequest
的强大之处。它可以根据需要自行与服务器进行交互，用户甚至可以完全不知道幕后发生的一切。结果就是类似于桌面应用程序的动态、快速响应、高交互性的体验，但是背后又拥有互联网的全部强大力量。
以上解释中提到XMLHttpRequest，对，ajax正是靠XMLHttpRequest发送ajax请求。先看代码
/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
@end @*/
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
这段代码的核心分为三步：
建立一个变量 xmlHttp
来引用即将创建的 XMLHttpRequest
对象。
尝试在 Microsoft 浏览器中创建该对象：
尝试使用 Msxml2.XMLHTTP
对象创建它。
如果失败，再尝试 Microsoft.XMLHTTP
对象。
如果仍然没有建立 xmlHttp
，则以非 Microsoft 的方式创建该对象。
最后，xmlHttp
应该引用一个有效的 XMLHttpRequest
对象，无论运行什么样的浏览器。
二、XMLHttpRequest对象已经
相关文档：
20 个经典的 Ajax + CSS 表格
并不是所有的Web 开发者都会对美化表格数据感兴趣，今天我们收集了20 个功能强大，外观漂亮的基于Ajax + CSS 的表格效果，你可以从这些示例中学习怎么使用这些表格提供的排序和过滤的功能来组织表格中的数据。
现在让我们来看看这些表格：（点击每个样式前面的链接即可进入下载）
#1. ......
在 Web 应用程序中，多对多（m:m）关系很难处理。在 精通 Grails 系列的这一期文章中，Scott Davis 将向您展示如何在 Grails 中成功实现 m:m 关系。了解如何通过 Grails 对象关系映射（Grails Object Relational Mapping，GORM）API 和后端数据库处理多对多关系。学习如何使用 Ajax（Asynchronous JavaScript + XML）流线化 ......
Ajax提交数据一般都是通过URL后边的参数形式来传递数据的，比如使用XMLHttpRequest.open('POST', url, true);的方式使用时，其url参数中就包含了需要提交的数据，它的形式如：http://www.mysite.com/handler.do?name='曹操'&sex='男'，是把key=value形式的数据通过 &符号连接起来， ......
1.Ajax Rain
AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例，有一些Demo的确值得你去看一看，即使你不是网页设计(开发)师。
Ajax/Javascript实例:
EXT JS Date Picker
jQuery Feed Menu
jGrowl
FastFind Menu – Jquery
Spiffy Accordion
2.Ajax Daddy
� ......
