1、第十二章 Ajax技术l 理解 Ajax异步 请求l 理解 Ajax请求方式与传统 Web应用请求方式的区别l 理解 XMLHttpRequest对象的 创建l 理解 XMLHttpRequest对象的属性和方法l 掌握 Ajax在 JavaWeb开发中的使用l 了解 JSON的数据结构，了解 JSON在 JavaScript中的 使用l 掌握 JSON在 Ajax中的 使用l 了解 jQuery技术， 了解 jQuery对 Ajax的实现，了解 基于 jQuery的Ajax应用本章重点l 本章任务完成 “ Q-ITOffer” 锐聘网站的注册邮箱的唯一性验证功能。具体任务如下：任务驱动【 任
2、务 12-1】 使用 Ajax技术实现注册邮箱的唯一性验证功能 。学习路线本章目标知识点 听 看 抄 改 写Ajax异步请求 XMLHttpRequest对象属性及方法 Ajax应用 JSON数据格式 JSON在 JavaScript中的使用 JSON在 Ajax中的使用 jQuery对 Ajax的实现 基于 jQuery的 Ajax应用 l 在传统的 Web应用中， Web客户端和服务器采用 “ 发送请求等待响应新页面或刷新整个当前页面 ” 的交互 模式 ， 随着 Web应用的广泛普及和对用户体验度的追求，这种模式的弊端也逐渐暴露出来 。l 在 2005年， Google通过其 Google
3、 Suggest使 Ajax变得流行起来 。12.1 Ajax技术l Ajax（ Asynchronous JavaScript And XML，异步 JavaScript和XML）是一种对传统 Web应用模式加以扩展的技术，使得 “ 不刷新页面向服务器发起请求 ” 成为可能 。l 在 Ajax的帮助下，可以在不重新加载整个网页的情况下，通过异步请求方式对网页的局部进行更新，改善了传统网页（不使用 Ajax）需要更新内容，必需重载整个网页的情况。12.1.1 Ajax简介l 在传统的 Web应用模型下，客户机（浏览器或者本地机器上运行的代码）向服务器发出请求，然后服务器开始处理（接收数据，执行
4、业务逻辑，访问数据库等），这期间客户机只能等待，如果请求需要大量服务器处理，那么等待的时间可能更长。这种传统 Web应用程序让人感到笨拙或缓慢的原因是缺乏真正的交互性 。l 传统 Web应用这种 “ 发送请求等待发送请求等待 ” 的请求方式也被称为同步 请求 。传统 Web应用请求l 同步请求方式随着时间轴的执行过程传统 Web应用请求l Ajax请求是异步的，或者说是非阻塞的 。l Ajax应用通过在客户端浏览器和服务器之间引入一个媒介 “ Ajax Engine” 来发送异步请求，客户端可以在响应未到达之前继续当前页面的其它操作， Ajax Engine则继续监听服务器的响应状态，在服务器完成响应后，获取响应结果更新当前页面内容。这种请求方式消除了传统的 “ 发送请求等待发送请求等待 ” 的特性，极大的提高了用户体验 。Ajax请求
