**AJAX（Asynchronous JavaScript and XML）开发简略**
AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新，提升了用户体验。AJAX 的核心是 JavaScript 对象——XMLHttpRequest，它允许 JavaScript 在后台与服务器进行通信。
### 1. XMLHttpRequest 对象
XMLHttpRequest 是 AJAX 的基础，它创建了一个与服务器端通信的通道。使用这个对象，可以发送 HTTP 请求并接收响应。例如：
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();
```
### 2. AJAX 请求类型
- `GET`：请求获取由URL定位的信息。
- `POST`：向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。数据被包含在请求体中。
### 3. 数据格式
虽然名字中包含 XML，但实际应用中，JSON 更为常见，因为其结构简单且易于解析。XML、JSON、文本或HTML都可作为 AJAX 传输的数据格式。
### 4. AJAX 进度控制
- `onreadystatechange`：事件触发时，检查 `readyState` 属性，它表示请求/响应的当前状态。
- `status`：返回HTTP状态码，如200表示成功，404表示未找到，500表示服务器内部错误。
### 5. 异步与同步
- 异步：默认模式，不阻塞用户界面，允许页面在请求处理期间继续运行。
- 同步：请求处理完成前，浏览器会阻止执行后续代码，可能导致页面无响应。
### 6. JSONP(JSON with Padding)
JSONP 是一种跨域数据交互协议，它利用 `<script>` 标签可以跨域请求的特性，通过动态插入 `<script>` 来获取数据。JSONP 实质上是函数调用，而非 AJAX。
### 7. CORS(Cross-Origin Resource Sharing)
CORS 是一种现代浏览器支持的跨域请求机制，允许服务器指定哪些源可以访问其资源，以解决 AJAX 跨域问题。
### 8. jQuery 和其他库对 AJAX 的封装
jQuery 等JavaScript库提供了更简洁易用的 AJAX 函数，如 `$.ajax()`、`$.get()`、`$.post()`，简化了异步请求的编写。
### 9. Promise 和 async/await
现代浏览器支持的 Promise 和 async/await 语法，让 AJAX 请求的异步处理更加优雅和可读。
### 10. 响应式设计与 AJAX
AJAX 可用于实现响应式设计，动态加载和更新内容，提高移动设备上的用户体验。
AJAX 是构建动态、交互性强的Web应用的关键技术，通过学习和实践，开发者可以创建出更为高效和用户友好的网页应用。如果你希望深入学习，可以参考提供的 "AJAX开发简略(含续一).pdf" 文件，进一步探索 AJAX 的世界。
