6. Ajax
- 7. 什么是 AJAX( 阿贾克斯 ) Adaptive Path 公司的用户体验策略主管加勒特于 2005 年发表的论文“ Ajax ：一种 Web 应用的新途径 ”里提出 Asynchronous Javascript and XML 通过 JavaScript 及 XML 的一些小程序，在不直接更新网页全文的情况下，悄悄地在后面通过 JavaScript 程序连接到后台服务器，抓资料回来更新网页内容 01/19/10 南京大学软件学院 加勒特
- 9. AJAX 内容 使用 XHTML 和 CSS 将数据 标准化 地呈现给用户 使用文档对象模型 (DOM) 进行 动态 显示和交互 使用 XML 和 XSLT 用于数据交互和操作 使用 XmlHttpRequest 进行 异步 数据接收 使用 Javascript 将它们 绑定 在一起 新瓶装旧酒 几乎所有的 AJAX 技术都不是新技术，体现了 整合 的力量 01/19/10 南京大学软件学院
- 11. 传统 Web 应用 vs. AJAX 应用 01/19/10 南京大学软件学院 用户界面 Web 服务器 数据、后台处理、遗留系统 AJAX 引擎 Web XML 服务器 数据、后台处理、遗留系统 用户界面 浏览器客户端 浏览器客户端 服务器端系统 服务器端系统 Http 请求 Http(s) 传输 Http(s) 传输 HTML+CSS 数据 JavaScript 调用 HTML+CSS 数据 XML 数据 Http 请求 传统 Web 应用 AJAX 应用
- 12. 传统 Web 应用 01/19/10 南京大学软件学院 时间 客户端 服务器端 用户活动 系统处理 用户活动 系统处理 用户活动 数据传输 数据传输 数据传输 数据传输
- 13. AJAX 应用 01/19/10 南京大学软件学院 时间 客户端 服务器端 系统处理 系统处理 数据传输 数据传输 数据传输 客户端处理 数据传输 系统处理 数据传输 数据传输 浏览器界面 AJAX 引擎 用户活动 输入 显示 输入 输入 显示 显示 输入 显示
- 14. 实例 1 – Google Suggest 在搜索的过程中，根据你所输入的关键字，会产生下拉选单，自动建议你所可能要搜索的词，同时还有搜索结果预计 01/19/10 南京大学软件学院
- 15. 实例 2 – 新浪基金 通过输入拼音、名称、基金或者股票代号进行搜索提示 01/19/10 南京大学软件学院
- 16. 实例 3 – 丁丁地图 (WebGIS) 可以像桌面程序那样在网页上拖动、缩放、标记、测距 01/19/10 南京大学软件学院
- 17. 实例 4 – Gmail 写邮件 联系人自动提示、自动保存草稿、自动上传附件、拼写检查、放弃保存提示 01/19/10 南京大学软件学院
- 18. 实例 4 – Gmail 读邮件 快速回复、添加联系人、整理邮件 01/19/10 南京大学软件学院
- 19. 实例 5 – 注册检查 不需要提交页面进行表单检查 01/19/10 南京大学软件学院
- 20. 实例 6 – 登录和消息 直接在本页面登录，无需跳转 01/19/10 南京大学软件学院
- 21. 实例 6 – Web 桌面 拖放各种第三方的”小工具“进行信息的聚合和最大程度的自定义 01/19/10 南京大学软件学院
- 22. 实例 7 – 级联菜单 在选择上一级信息的时候抓取下一级菜单的数据，避免一次载入所有数据或者多次提交 01/19/10 南京大学软件学院
- 23. 实例 8 – 图片标记 点击图片区域进行标记 ( 圈人 ) 01/19/10 南京大学软件学院
- 24. 实例 9 – 滚动图片 自动图片滚动，最大程度上利用空间 01/19/10 南京大学软件学院
- 25. 实例 10 – AJAX 游戏 01/19/10 南京大学软件学院
