第14课第1页：jQuery Ajax基础

1. 什么是Ajax？

Ajax（Asynchronous JavaScript and XML）是一种在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。

Ajax的优点：
• 页面无刷新更新数据
• 提升用户体验
• 减少服务器负载
• 异步处理，不阻塞用户操作
点击按钮了解Ajax工作原理！

2. load() 方法 - 最简单的Ajax

load()方法从服务器加载数据，并把返回的数据放入被选元素中。

这里将加载外部内容
load()方法演示结果

3. $.get() 方法

$.get()方法通过HTTP GET请求从服务器上请求数据。

GET请求结果将显示在这里

4. $.post() 方法

$.post()方法通过HTTP POST请求从服务器上请求数据。

POST请求结果将显示在这里

5. 处理Ajax响应

学习如何处理成功、失败和完成状态。

响应处理结果

6. Ajax全局事件

jQuery提供了多个Ajax全局事件，可以监听所有Ajax请求的状态。

全局事件监听状态