ajax action

Ajax 详细回答

一、Ajax 简介

1、定义：Ajax（Asynchronous JavaScript and XML）即异步 JavaScript 和 XML，是一种用于创建快速动态网页的技术，它通过在浏览器与服务器之间使用异步数据传输（HTTP 请求），实现网页的异步更新，这意味着可以在不重新加载整个网页的情况下，与服务器交换数据并更新部分网页内容。

2、工作原理：Ajax 的核心是 JavaScript 对象 XMLHttpRequest，通过这个对象，JavaScript 可在不刷新页面的情况下与服务器进行数据交互，当需要从服务器获取数据时，Ajax 引擎会通过 XMLHttpRequest 对象向服务器发送请求，服务器响应后将数据返回给 Ajax 引擎，然后由 JavaScript 处理这些数据并更新页面的相应部分。

二、Ajax 的使用步骤

1、创建 XMLHttpRequest 对象：根据不同的浏览器版本，创建 XMLHttpRequest 对象的代码略有不同，对于现代浏览器，可以使用new XMLHttpRequest() 来创建对象；而对于老版本的 IE 浏览器（如 IE5 和 IE6），则需要使用new ActiveXObject("Microsoft.XMLHTTP") 来创建对象。

2、创建新的请求：使用open 方法创建一个新的请求，并指定请求的类型（GET 或 POST）、URL 以及是否异步处理请求。

3、设置请求头信息：对于 POST 请求，需要设置请求头的格式内容，使用setRequestHeader 方法设置请求头为"Content-type", "application/x-www-form-urlencoded"。

4、发送请求：使用send 方法将请求发送到服务器，对于 GET 请求，可以直接发送；而对于 POST 请求，则需要在send 方法中传入字符串参数（通常是表单数据的键值对）。

5、处理服务器响应：服务器响应后，可以通过两种方式处理响应数据，一种是同步处理，即在send 方法后直接处理返回的数据；另一种是异步处理，需要在onreadystatechange 事件中处理，当readyState 属性值为 4（表示请求已完成）且status 属性值为 200（表示响应成功）时，可以在回调函数中处理服务器返回的数据。

三、Ajax 的优点

1、改善用户体验：通过异步请求数据，用户无需等待整个页面的刷新，从而提高了用户体验。

2、按需取数据：可以根据用户的需要获取特定数据，避免了不必要的数据传输。

3、减轻服务器负担：Ajax 可以实现按需取数据，减少了服务器的负担。

四、Ajax 的缺点

1、兼容性问题：不同浏览器对 Ajax 的支持程度不同，可能需要编写额外的代码来处理兼容性问题。

2、安全性问题：Ajax 请求可能会受到跨域访问的限制，需要处理安全问题。

3、调试困难：由于 Ajax 请求是异步进行的，调试起来相对困难。

五、相关问题与解答

1、问：Ajax 中的readyState 属性有哪些可能的值？它们各自代表什么意义？

答：readyState 属性有以下可能的值：

0：请求未初始化，还没有调用open()。

1：请求已经建立，但是还没有发送，还没有调用send()。

2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。

3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。

4：响应已完成；您可以获取并使用服务器的响应了。

2、问：Ajax 中的status 属性有哪些常见的值？它们各自代表什么意义？

答：status 属性有以下常见的值：

200："OK"，表示请求成功。

403：禁止，表示服务器拒绝请求。

404：未找到，表示服务器找不到请求的网页。

408：请求超时，表示服务器等候请求时发生超时。

500：服务器内部错误，表示服务器遇到错误，无法完成请求。