ajax面试题 (2).pdf

**Ajax 概述** Ajax（Asynchronous JavaScript and XML）是一种用于创建富互联网应用程序（RIA）的技术，它允许网页在不完全刷新的情况下与服务器进行通信，实现了局部更新的效果。Ajax 不是一种单一的技术，而是多种技术的组合，包括 HTML、CSS、DOM、XML、XSLT 和 JavaScript，以及核心的 XMLHttpRequest 对象。 **Ajax 的优势** Ajax 的主要优势在于提供更好的用户体验，因为它允许网页在后台与服务器进行通信，用户无需等待整个页面刷新。这减少了网络流量，提高了响应速度，减轻了服务器负载，尤其是在大量用户同时在线时。此外，Ajax 可以实现异步数据传输，使得应用程序更高效，用户界面更加流畅。 **XMLHttpRequest 对象** XMLHttpRequest（XHR）是实现 Ajax 的关键组件。这个对象在 JavaScript 中被用来向服务器发送 HTTP 请求并接收响应。在 IE5 中首次引入，现在已经成为所有现代浏览器的标准。在 IE 中，可以通过 `new ActiveXObject("Microsoft.XMLHTTP")` 创建 XHR 对象，而在其他浏览器中，如 Firefox，可以使用 `new XMLHttpRequest()`。 **Ajax 请求的生命周期和回调函数** 一个完整的 Ajax 请求有多个阶段，每个阶段都对应一个回调函数： 1. onUninitialized：请求初始化。 2. onLoading：请求已开始，数据正在加载。 3. onLoaded：请求已完成，所有数据已加载。 4. onInteractive：用户可以与响应进行交互，尽管请求还未完成。 5. onSuccess：请求成功，响应已接收。 6. onFailure：请求失败。 7. onComplete：无论成功或失败，请求已完成。 8. onException：在处理请求或响应时发生异常。 **Ajax 与 JavaScript 的区别** Ajax 不是编程语言，而是一种开发技术。JavaScript 是一种广泛用于浏览器的脚本语言，是 Ajax 的基础，负责处理用户交互、创建动态内容以及与服务器进行异步通信。Ajax 利用 JavaScript 来控制 XMLHttpRequest 对象，实现数据的发送和接收。 **信息传递与响应处理** 在 Ajax 中，JavaScript 通过 XMLHttpRequest 对象的 `open()` 方法设置请求类型（GET 或 POST）和 URL，然后使用 `send()` 方法发送请求。服务器的响应可以通过 `responseXML` 属性获取，如果是 JSON 格式，还可以通过 `responseText` 属性获取。 **创建 XMLHttpRequest 对象的差异** 由于浏览器兼容性问题，IE 使用 `ActiveXObject` 创建 XHR 对象，而其他浏览器使用原生的 `XMLHttpRequest` 构造函数。 **XMLHttpRequest 的常用属性和方法** - `open(method, url, async, user, password)`: 初始化请求，方法可选 GET、POST 等，url 是请求的地址，async 是否异步，默认为 true。 - `send(data)`: 发送请求，data 是发送的数据，GET 请求时不传或传空字符串。 - `abort()`: 中断当前请求。 - `readyState`：请求的状态，从 0 到 4 表示请求的不同阶段。 - `status`：服务器返回的状态码，如 200 表示成功。 - `responseText` 和 `responseXML`：分别获取文本和 XML 格式的响应数据。 - `onreadystatechange`：状态改变时触发的事件。 这些只是 Ajax 技术的基本知识点，实际应用中还需要考虑错误处理、缓存策略、安全性等方面。Ajax 的灵活和强大使其成为现代网页开发不可或缺的一部分。