初识Ajax技术1
一 引题
如何让web程序用起来像桌面应用程序一样简单；
胖客户端？瘦客户端？如何选择？-----看需求，看用户的使用，灵活调节。
不要闪烁，空白页出现？
二 初识Ajax
1. Ajax是一个客户端技术，不论你现在使用何种服务器端技术，都能使用Ajax，而不管使用的是Java、.NET、Ruby、PHP还是CGI。
2. Ajax是一种基于浏览器的方法；
3. Ajax不是全新的网页技术，它是以一种新方法来整合现存的多种网页技术；
4. 效果如：Google Suggest；
5. Ajax相关技术如下：
◆ HTML/XHTML和CSS：在浏览器显示用户接口和呈现相关数据；
◆ JavaScript；所有的浏览器都支持JavaScript脚本语言。AJAX使用JavaScript脚本语言来操作XmlHttpRequest对象、操作DOM和CSS等。
◆ XML：服务器异步传递的数据；
◆ XMLDOM:当浏览器异步获取XML数据后，可以进一步的使用JavaScript程序代码和XML DOM来取出相关的信息；
◆ XMLHTTPRequest对象：JavaScript代码识通过XMLHTTPRequest对象来建立异步的HTTP请求；
注意：对于一些相关技术，你不必是这方面的专家，但是基本了解还是必要的。
6. Ajax最大特色之一：可以更新网页的部分内容而不需要刷新整个页面；
最通用的定义为：XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。（这个功能正是AJAX的一大特点之一）
三 理解异步思想
1. Ajax允许你异步地完成操作，这个最大的优点；
2. 多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面。常常是点击一个按钮，等待服务器响应，再点击另一个按钮，然后再等待，这样一个反复的过程。
比如，到 Amazon.com 网站上点击一个按钮或者输入搜索项。就会对服务器发送一个请求，然后响应再返回到浏览器。该请求不仅仅是图书和书目列表，而是另一个完整的 HTML 页面。因此当 Web 浏览器用新的 HTML 页面重绘时，可能会看到闪烁或抖动。事实上，通过看到的每个新页面可以清晰地看到请求和响应。
四 通过一个简单的例子来学习Ajax技术
（参考例题：TrainAjax/NewRequest.aspx）
要真正实现这种绚丽的奇迹，必须�
相关文档：
function createXMLHttpRequest() { // 创建XMLHTTPREQUEST的标准函数.兼容各浏览器.
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (wind ......
<html>
<head>
<title>jQuery Ajax 实例演示</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$('#send_ajax').click(function (){
&nb ......
上传页面只需要一个js引用和js函数的调用，简单方便，不影响网页原有布局。
下载地址
调用说明:
1.首先引用js文件
<script type="text/javascript" src="AienUpload/init.js"></script>
2.将函数调用(showUpload(boxCtrl,inputCtrl,upPath,maxCount,fn);)绑定到HTMl控件事件，例如
......
Ajax框架 jQuery
jQuery是一款免费且开放源代码的JavaScript代码库，由John Resig创建。授权协议为GPL和MIT许可证双协议。示例代码： $("p.neat").addClass("ohmy").show("slow"); 特点轻量级经GZip压缩后传输的代码文件仅14KB，未经压缩传送的代码文件仅26KB。 jQuery 1.26版时： 档案档案行数档案Size 备注 jquery-1.2 ......
/**
* Ajax操作函数
*
* @param url -- 服务器端页面地址
* @param param -- 参数，类似 'user=123&id=100'
* @param method -- 请求服务器端的方法,Get和Post两种，默认是GET
* @param response -- 是否获取服务器端返回的结果，默认是true
*/
function ajax( url, param, method, response ){
//set defaul ......
