Ajax是当前热门话题.pdf

第 章 12 Ajax Ajax 是当前的热门话题，也是现在所谓的Web 2.0 的基础。使用Ajax 技术，可以创建 基于Web 的应用程序，这些应用程序将具有与桌面应用程序相同的外观。主要区别在于， Ajax 应用程序并不会在用户每次操作时刷新整个浏览器显示，这是一种典型的以 Web 为 中心的操作方法。使用Ajax ，可以在后台与服务器通信，下载数据，在Web 页面的特定 部分显示数据，而不需要重新加载整个页面。 Ajax(Asynchronous JavaScript and XML)依赖于在浏览器中使用JavaScript 。在服务器上 与Ajax 一起配合使用的最常见的语言是PHP ，所以这项技术值得我们关注。 12.1 了解Ajax 下面介绍一个Ajax 示例——这里将学习许多客户端(也就是浏览器端)技术。该示例名 为index.html ，如图12-1 所示。 单击按钮时，这个简单的示例只是从服务器取出文本文件data.txt 的内容。这个应用程 序和普通网页的区别在于：当单击按钮时，页面并不会闪烁和重新显示——只是文本“The fetched message will appear here. ”被从服务器取出的data.txt 中的内容“Hello from Ajax. ” 所覆盖，如图12-2 所示。 这个应用程序看起来和桌面应用程序差不多，操作起来也很相似：在操作字处理软件 时，例如输入一个字符，当显示新的字符时整个页面并不会闪烁。这就是Ajax 给Web 编 程所带来的效果——用户操作时不需要再重新加载整个页面，并且不需要与服务器交互。 与服务器的所有交互(下载和上传数据)在后台发生，并且只更新Web 页面的特定部分，而 不是重新加载整个页面。 下面介绍如何操作Ajax ，在进一步结合PHP 使用Ajax 之前，先了解一下如何使用Ajax 取出文本文件的内容，以及如何使用Ajax 技术将数据发送到PHP 脚本并读取脚本发送回 的内容。 412 PHP 完全参考手册 图12-1 一个Ajax 示范 图12-2 使用Ajax 取出消息 12.2 编写Ajax 下面是第一个示例index.html 的具体实现——我们需要花点时间理解Ajax 是如何操作 这个示例的： html head titleAn Ajax demo/title script language = javascript var XMLHttpRequestObject = false; if (window.XMLHttpRequest) { XMLHttpRequestObject = new XMLHttpRequest(); } else if (window.ActiveXObject) { XMLHttpRequestObject = new ActiveXObject(Microsoft.XMLHTTP); } function getData(dataSource, divID) 第 12 章 Ajax 413 { if(XMLHttpRequestObject) { var obj = document.getElementById(divID); XMLHt