[2018年最新整理]学习阿贾克斯基础教程.doc

第一节 AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。 您应当具备的基础知识 在继续学习之前，您需要对下面的知识有基本的了解： HTML / XHTML JavaScript 如果您希望首先学习这些项目，请在我们的首页访问这些教程。 AJAX = 异步 JavaScript 及 XML（Asynchronous JavaScript and XML） AJAX 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。 通过 AJAX，您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据。 AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。 AJAX 可使因特网应用程序更小、更快，更友好。 AJAX 是一种独立于 Web 服务器软件的浏览器技术。 AJAX 基于 Web 标准 AJAX 基于下列 Web 标准： JavaScript XML HTML CSS 在 AJAX 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。 AJAX 事关更优秀的应用程序 Web 应用程序较桌面应用程序有诸多优势；它们能够涉及广大的用户，它们更易安装及维护，也更易开发。 不过，因特网应用程序并不像传统的桌面应用程序那样完善且友好。 通过 AJAX，因特网应用程序可以变得更完善，更友好。 今天您就可以使用 AJAX 没有什么新东西可学。 AJAX 基于已有的标准。这些标准已被大多数开发者使用多年。AJAX 使用 Http 请求 在传统的 JavaScript 编程中，假如您希望从服务器上的文件或数据库中得到任何的信息，或者向服务器发送信息的话，就必须利用一个 HTML 表单向服务器 GET 或 POST 数据。而用户则需要单击“提交”按钮来发送/获取信息，等待服务器的响应，然后一张新的页面会加载结果。 由于每当用户提交输入后服务器都会返回一张新的页面，传统的 web 应用程序变得运行缓慢，且越来越不友好。 通过利用 AJAX，您的 JavaScript 会通过 JavaScript 的 XMLHttpRequest 对象，直接与服务器来通信。 通过使用 HTTP 请求，web 页可向服务器进行请求，并得到来自服务器的响应，而不加载页面。用户可以停留在同一个页面，他或她不会注意到脚本在后台请求过页面，或向服务器发送过数据。 XMLHttpRequest 对象 通过使用 XMLHttpRequest 对象，web 开发者可以做到在页面已加载后从服务器更新页面！ 在 2005 年 AJAX 被 Google 推广开来（Google Suggest）。 Google 建议使用 XMLHttpRequest 对象来创建一种动态性极强的 web 界面：当您开始在 Google 的搜索框中输入查询时，JavaScript 会向某个服务器发出这些字词，然后服务器会返回一系列的搜索建议。 XMLHttpRequest 对象得到下列浏览器的支持：Internet Explorer 5.0+、Safari 1.2、Mozilla 1.0 / Firefox、Opera 8+ 以及 Netscape 7。 您的第一个 AJAX 应用程序 为了让您理解 AJAX 的工作原理，我们将创建一个小型的 AJAX 应用程序。 首先，我们需要一个带有两个文本框的 HTML 表单：用户名和时间。用户名文本框由用户填写，而时间文本框使用 AJAX 进行填写。 此 HTML 文件名为 testAjax.htm（请注意这个 HTML 表单没有提交按钮！）： html body form name=myForm 用户: input type=text name=username / 时间: input type=text name=time / /form /body /html AJAX - 浏览器支持 AJAX 的要点是 XMLHttpRequest 对象。 不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。 IE 浏览器使用 ActiveXObject，而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。 如需针对不同的浏览器来创建此对象，我们要使用一条 try and catch 语句。您可以在我们的 JavaScript 教程中阅读更多有关 t