1. 维生数工作室第四次技术交流大会 没有XHR，Ajax精彩依旧 Feather主讲

2. What is Ajax? AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML）是一种创建交互式网页应用的网页开发技术。 AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。

3. Baidu Demo

4. Two Models

5. XHR XMLHttpRequest (XHR) is an API available in web browser scripting languages such as JavaScript. ——Wiki 很多框架都对XHR进行了封装，例如Jquery的$.ajax方法。

6. Ajax不仅是XHR

7. Real Ajax 根据Ajax提出者Jesse James Garrett建议 Ajax技术包括: 1.基于web标准XHTML+CSS的表示； 2.使用 DOM进行动态显示及交互； 3.使用 XML 和 XSLT进行数据交换及相关操作； 4.使用 XMLHttpRequest进行异步数据查询、检索；

8. DHTML

9. Before the Era of DHTML 在DHTML时代之前： 所有页面都是静态的，即一次性渲染； DHTML系列技术实现了动态显示（实时渲染）。 异步下载（XHR） Ajax 实时渲染（DHTML）

10. DHTML也可以异步下载

11. DownLoad by DHTML 通过添加这些标签，实现异步下载： 图片：<img> CSS:<link> 脚本:<script> Html:<iframe> 主要通过以下方式添加： Document.write() innerHTML DOM节点操作 BOM对象操作

12. <img> Simple Demo <input type="button" value="加载" onclick="clickhandler()" /> <div id="box"></div> <script type="text/javascript"> function clickhandler(){ document.getElementById('box').innerHTML='<imgsrc="1029084058.jpg">‘ } </script> Another Demo：新生专题网的验证图片实时下载 只下载不显示 （预加载Pre-Loading) 1.CSS:display:none; 2.BOM: var a =new Image(); a.src='0081029084058.jpg'

13. Lazy-Loading 延迟下载（懒惰下载），将部分资源延迟到需要的时候下载，减轻带宽，提升响应。 Img Demo: 淘宝：http://www.taobao.com/ 京东：http://www.360buy.com/l REM：http://remember2015.info/blog/?p=141 Tools: Jquery:delayKissy:DataLazyload Other Demo: 腾讯微博

14. <link> Simple Demo <link href="a.css" type="text/css" rel="stylesheet" id="css" /> <input type="button" value="加载" onclick="clickhandler()" /> <script type="text/javascript"> function clickhandler(){ document.getElementById('css').href="b.css" } </script>

15. <script> 通过script异步下载脚本是一种很常用的手段，通常在以下情况中使用： 1.无阻塞其他资源下载和页面渲染； 2.脚本并行下载； 3.跨域访问（jsonp）； Web Optimization: 1.创建Script DOM:并行下载，无阻塞； 2.Document.write():IE中并行下载 Two Books：

16. <iframe> iframe是一个全能的标签，可以通过它实现很多改善用户体验的功能。 用iframe实现类似jquery的Ajax方法

17. THX!