jQuery Ajax学习与运用

// 使用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.log('获取数据失败:', status, error);
    }
});
 
// 使用jQuery发送Ajax POST请求
$.ajax({
    url: 'https://api.example.com/data', // 请求的URL
    method: 'POST', // 请求方法
    contentType: 'application/json', // 发送信息至服务器时内容编码类型
    data: JSON.stringify({ key: 'value' }), // 发送到服务器的数据
    dataType: 'json', // 预期服务器返回的数据类型
    success: function(response) {
        // 请求成功时的回调函数
        console.log('数据发送成功:', response);
    },
    error: function(xhr, status, error) {
        // 请求失败时的回调函数
        console.log('数据发送失败:', status, error);
    }
});

这段代码展示了如何使用jQuery的$.ajax方法发送GET和POST请求。在GET请求中，我们从服务器获取JSON数据，并在成功获取数据时处理响应。在POST请求中，我们将JSON数据发送到服务器，并在成功发送后处理响应。这些示例都包含了错误处理，以便在请求失败时输出状态和错误信息。