AJAX（异步JavaScript和XML）

什么是AJAX

AJAX = Asynchronous JavaScript And XML
AJAX 并不是编程语言。
AJAX 是一种从网页访问 Web 服务器的技术。
AJAX 代表 异步 JavaScript 和 XML。
AJAX组合了：

1. 浏览器内建的 XMLHttpRequest 对象（从 web 服务器请求数据）
2. JavaScript 和 HTML DOM（显示或使用数据）

[eɪˈsɪŋkrənəs]：异步的
Ajax 允许通过与场景后面的 Web 服务器交换数据来异步更新网页。这意味着可以更新网页的部分，而不需要重新加载整个页面。

作用

1. 不刷新页面更新网页
2. 在页面加载后从服务器请求数据
3. 在页面加载后从服务器接收数据
4. 在后台向服务器发送数据

工作流程

1. 网页中发生一个事件（页面加载、按钮点击）
2. 由 JavaScript 创建 XMLHttpRequest 对象
3. XMLHttpRequest 对象向 web 服务器发送请求
4. 服务器处理该请求
5. 服务器将响应发送回网页
6. 由 JavaScript 读取响应
7. 由 JavaScript 执行正确的动作（比如更新页面）

AJAX - XMLHttpRequest 对象

Ajax 的核心是 XMLHttpRequest 对象。

所有现代浏览器都支持 XMLHttpRequest 对象。
XMLHttpRequest 对象用于同幕后服务器交换数据。这意味着可以更新网页的部分，而不需要重新加载整个页面。

创建 XMLHttpRequest 对象
所有现代浏览器（Chrom、IE7+、Firefox、Safari 以及 Opera）都有内建的 XMLHttpRequest 对象。

语法：

variable = new XMLHttpRequest();

向服务器发送请求
如需向服务器发送请求，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：

xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();

open(method, url, async)

• method：请求的类型：GET 还是 POST
• url：服务器（文件）位置 （该文件可以是任何类型的文件，如 .txt 和 .xml，或服务器脚本文件，如 .asp 和 .php（它们可以在发送回响应之前在服务器执行操作）。）
• async：true（异步）或 false（同步）

通过异步发送，JavaScript 不必等待服务器响应，而是可以：
在等待服务器响应时执行其他脚本
当响应就绪时处理响应

send（）

• 向服务器发送请求（用于 GET）

send(string)

• 向服务器发送请求（用于 POST）

GET 还是 POST？

GET 比 POST 更简单更快，可用于大多数情况下

不过，请在以下情况始终使用 POST：

• 缓存文件不是选项（更新服务器上的文件或数据库）
• 向服务器发送大量数据（POST 无大小限制）
• 发送用户输入（可包含未知字符），POST 比 GET 更强大更安全