03-AJAX-jQuery实现方式

1、$.ajax()：用于执行 Ajax 请求的最常用方法。它可以设置请求类型、请求 URL、请求参数等。

javascript">$.ajax({
    type: '请求类型',
    url: '请求 URL',
    data: { 请求数据 },
    dataType: '返回数据类型',
    beforeSend: function () {},
    success: function (response) {},
    error: function (XMLHttpRequest, textStatus, errorThrown) {}
});

参数解释：

type：请求类型，可以是 "GET" 或 "POST" 等，默认为 "GET"。
url：请求 URL，必须指定。
data：请求数据，格式可以是对象、字符串或序列化后的字符串。
dataType：返回数据类型，可以是 "json"、"xml" 或 "html" 等，默认为智能猜测（根据 Content-Type 自动推断）。
beforeSend：请求发送前执行的回调函数。
success：请求成功后执行的回调函数。
error：请求失败后执行的回调函数。

javascript">$.ajax({
    type: 'POST',
    url: 'example.com',
    data: { name: 'John', age: 30 },
    dataType: 'json',
    beforeSend: function () {
        console.log('before send');
    },
    success: function (response) {
        console.log(response);
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        console.log('status: ' + textStatus);
    }
});

2、$.get()：用于向服务器发起 GET 请求。

javascript">$.get(url, data, success, dataType);

参数解释：

url：请求 URL，必须指定。
data：请求数据，可以是对象、字符串或序列化后的字符串。
success：请求成功后执行的回调函数。
dataType：返回数据类型，可以是 "json"、"xml" 或 "html" 等，默认为智能猜测（根据 Content-Type 自动推断）。

javascript">$.get('example.com', { name: 'John', age: 30 }, function (response) {
    console.log(response);
}, 'json');

3、$.post()：用于向服务器发起 POST 请求。

javascript">$.post(url, data, success, dataType);

参数解释：

url：请求 URL，必须指定。
data：请求数据，可以是对象、字符串或序列化后的字符串。
success：请求成功后执行的回调函数。
dataType：返回数据类型，可以是 "json"、"xml" 或 "html" 等，默认为智能猜测（根据 Content-Type 自动推断）。

javascript">$.post('example.com', { name: 'John', age: 30 }, function (response) {
    console.log(response);
}, 'json');

总之，以上三种方法都是常用的 jQuery Ajax 请求方法，它们可以根据业务需求选择使用。.ajax() 方法最为灵活，可以自定义请求类型、URL、数据等信息；而 .get() 和 .post() 方法则更为简便，对于一些简单的 Ajax 请求，可以直接使用它们来完成。

jQuery Ajax 操作函数

jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。

函数	描述
jQuery.ajax()	执行异步 HTTP (Ajax) 请求。
.ajaxComplete()	当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxError()	当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxSend()	在 Ajax 请求发送之前显示一条消息。
jQuery.ajaxSetup()	设置将来的 Ajax 请求的默认值。
.ajaxStart()	当首个 Ajax 请求完成开始时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxStop()	当所有 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxSuccess()	当 Ajax 请求成功完成时显示一条消息。
jQuery.get()	使用 HTTP GET 请求从服务器加载数据。
jQuery.getJSON()	使用 HTTP GET 请求从服务器加载 JSON 编码数据。
jQuery.getScript()	使用 HTTP GET 请求从服务器加载 JavaScript 文件，然后执行该文件。
.load()	从服务器加载数据，然后把返回到 HTML 放入匹配元素。
jQuery.param()	创建数组或对象的序列化表示，适合在 URL 查询字符串或 Ajax 请求中使用。
jQuery.post()	使用 HTTP POST 请求从服务器加载数据。
.serialize()	将表单内容序列化为字符串。
.serializeArray()	序列化表单元素，返回 JSON 数据结构数据。