03-AJAX-jQuery实现方式

// 使用jQuery实现AJAX的GET请求
$.ajax({
    url: 'https://api.example.com/data', // 请求的URL
    method: 'GET', // 请求方法
    dataType: 'json', // 预期服务器返回的数据类型
    success: function(response) {
        // 请求成功时的回调函数
        console.log(response);
    },
    error: function(xhr, status, error) {
        // 请求失败时的回调函数
        console.error(error);
    }
});
 
// 使用jQuery实现AJAX的POST请求
$.ajax({
    url: 'https://api.example.com/data', // 请求的URL
    method: 'POST', // 请求方法
    data: {
        key1: 'value1',
        key2: 'value2'
    },
    dataType: 'json', // 预期服务器返回的数据类型
    success: function(response) {
        // 请求成功时的回调函数
        console.log(response);
    },
    error: function(xhr, status, error) {
        // 请求失败时的回调函数
        console.error(error);
    }
});

这段代码展示了如何使用jQuery的$.ajax方法来发送GET和POST请求。在GET请求中，我们从服务器获取JSON数据，并在成功获取数据时在控制台中打印出来。在POST请求中，我们发送一些数据到服务器，并同样在成功时打印服务器返回的数据，如果有错误，则在控制台中输出错误信息。