第1章Ajax简介

1、Ajax编程技术主讲人：王康 大学城空间：http:/ 搜索居民空间：湖南软件-王康 QQ：665834741什么是AjaxAjax=Asynchronous JavaScript and XML Asynchronous（异步） Javascript（一种客户端脚本语言） XML（可扩展标记语言） 现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax。2Ajax案例 Goggle Suggest 在 2005 年，Google 通过其 Google Suggest 使 AJAX 变得流行起来。 Google Suggest 使用 AJAX 创造出动态性极强的 web 界面：当

2、您在谷歌的搜索框输入关键字时，JavaScript 会把这些字符发送到服务器，然后服务器会返回一个搜索建议的列表。3Ajax案例 百度地图4提问 根据上面所学习的内容，你还能想到其它的Ajax的案例么？ 提示： 微博 论坛 Web QQ Gmail5Web的传统模型 客户点击了页面上的某一部分，浏览器向服务器发送一个请求，服务器返回一个完整的新页面，其中包含所有的已修改的信息，用户再点击，如此反复：6使用Ajax的模型 利用Ajax，页面代码创建一个特殊的请求对象，由浏览器发送给服务器，服务器更新请求对象（而不是返回整个页面），页面代码告诉浏览器只更新页面中需要修改的部分：7什么是Ajax 不

3、用刷新整个页面便可与服务器通讯的办法 Flash Java Applet XMLHttpRequest：该对象是对 JavaScript 的一个扩展，可使网页与服务器进行通信。是创建 Ajax 应用的最佳选择。实际上通常把 Ajax 当成 XMLHttpRequest 对象的代名词 8Ajax工作原理 Ajax采用异步交互过程。Ajax在用户与服务器之间引入一个中间媒介，从而消除了网络交互过程中的处理等待处理等待缺点。 用户的浏览器在执行任务时即装载了Ajax引擎。Ajax引擎用JavaScript语言编写，通常藏在一个隐藏的框架中。它负责编译用户界面及与服务器之间的交互。 Ajax引擎允许用

4、户与应用软件之间的交互过程异步进行，独立于用户与网络服务器间的交流。现在，可以用Javascript调用AJAX引擎来代替产生一个HTTP的用户动作，内存中的数据编辑、页面导航、数据校验这些不需要重新载入整个页面的需求可以交给AJAX来执行。 9Ajax包含的技术 Ajax是多种技术的综合，包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest，JSON 服务器端语言：服务器需要具备向浏览器发送特定信息的能力。Ajax与服务器端语言无关。 Ajax程序需要某种格式化的格式来在服务器和客户端之间传递信息，XML 是其中的一种选择 DOM（文档对象模型）实现动态

5、显示和交互； 使用XMLHTTP组件XMLHttpRequest对象进行异步数据读取; 使用JavaScript绑定和处理所有数据10Ajax为Web应用提供的好处 浏览器可以同时请求多项内容; 浏览器请求返回的速度会快得多; 只有页面真正需要修改的部分得到更新; 减少服务器数据流量； 用户可以在页面更新的同时继续工作; 有些改变无需与服务器往返通信就可以处理;11Ajax的缺陷 Ajax大量使用了Javascript和Ajax引擎，而这个取决于浏览器的支持。IE5.0及以上、Mozilla1.0、NetScape7及以上版本才支持，Mozilla虽然也支持Ajax,但是提供XMLHttpRe

6、quest的方式不一样。所以，使用AJAX的程序必须测试针对各个浏览器的兼容性; AJAX更新页面内容的时候并没有刷新整个页面，因此，网页的后退功能是失效的；有的用户还经常搞不清楚现在的数据是旧的还是已经更新过的。这个就需要在明显位置提醒用户“数据已更新”;12AJAX学习基础 HTML / XHTML CSS Javascript DOM 服务器端编程技术：Servlet/JSPPHPASP.NET 13AJAX学习路径 AJAX入门 XMLHttpRequest DOM 传输格式XML和JSON 服务器端编程（Servlet/JSP） jQuery14小结 在本章中，概略性描述了Ajax技术的方方面面，工作原理，它的好处以及它的局限。希望通过本章，让读者对