AJAX 教程详解.doc

目录 第一章 AJAX 基础 AJAX 简介 第二节 AJAX 实例 ………………………………………………4 第二章 XMLHttpRequest对象创建 XMLHttpRequest 对象 第三节 XMLHttpRequest 对象的方法…………………………………7 第四节 onreadystatechange事件………………………………………*8 第三章 AJAX工作过程 第一节 AJAX - 向服务器发送请求 第三节onreadystatechange 事件ASP/PHP 请求实例AJAX 实际应用 第一节AJAX 数据库实例 第二节 AJAX XML 实例无刷新用户登录 第五章 AJAX 使用中遇到的问题 第一节 XMLHTTP中setRequestHeader参数问题 第二节 Ajax乱码问题 ………………………………………………29 飘香书院整编 第一章 AJAX 基础 AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。AJAX 是一种在 2005 年由 Google 推广开来的编程模式。AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。通过 AJAX，你可以创建更好、更快以及更友好的 WEB 应用程序。 AJAX 基于 JavaScript 和 HTTP 请求（HTTP requests）。 AJAX 简介 什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 （三）您应当具备的基础知识 在继续学习之前，您需要对下面的知识有基本的了解：HTMLXHTML（可扩展的超文本标记语言） CSS 、JavaScript、DOM 、基于 DHTML 和 CSS 的标准 Web 页面内容。Ajax是这几种技术的组合，但是这几种技术只是松散的组合在一起，并不是每一个设计模式都会涉及到列举出的每一种技术。依照ajax最初的构想，发生在浏览器与服务之间的异步通信会涉及到以下几个层面： JavaScript：更新局部的网页，将几种技术整合在一起。 XML：一般用于请求数据和响应数据的封装； XMLHttpRequest对象：发送请求到服务器并获得返回结果（Ajax技术的核心）； CSS：美化页面样式 异步：发送请求后不等返回结果，由回调函数处理结果 （四）用途有： 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。实现即时检查Email是否可用有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。Google Suggest在 2005 年，Google 通过其 Google Suggest 使 AJAX 变得流行起来。Google Suggest 使用 AJAX 创造出动态性极强的 web 界面：当您在谷歌的有哪些信誉好的足球投注网站框输入关键字时，JavaScript 会把这些字符发送到服务器，然后服务器会返回一个有哪些信誉好的足球投注网站建议的列表。 AJAX 实例为了帮助您理解 AJAX 的工作原理，我们创建了一个小型的 AJAX 应用程序。实例 AJAX is not a programming language. It is just a technique for creating better and more interactive web applications. 通过 AJAX 改变内容 AJAX 实例解释上面的 AJAX 应用程序包含一个 div 和一个按钮。div 部分用于显示来自服务器的信息。当按钮被点击时，它负责调用名为 loadXMLDoc() 的函数： htmlbody div id=myDivh3Let AJAX change this text/h3/div button type=button onclick=loadXMLDoc()Change Content/button /body /html 接下来，在页面的 head 部分添加一个 script 标签。该标签中包含了这个