jQuery_10 jQuery中的网路请求(AJAX)

在jQuery中，网络请求通常使用$.ajax()方法实现。以下是一个使用$.ajax()发送GET请求的例子：

$.ajax({
    url: 'https://api.example.com/data', // 请求的URL
    type: 'GET', // 请求方法
    dataType: 'json', // 预期服务器返回的数据类型
    success: function(response) {
        // 请求成功时的回调函数
        console.log('Response:', response);
    },
    error: function(xhr, status, error) {
        // 请求失败时的回调函数
        console.error('Error:', error);
    }
});

对于POST请求，你可以这样使用$.ajax()：

$.ajax({
    url: 'https://api.example.com/data',
    type: 'POST',
    contentType: 'application/json', // 发送信息至服务器时内容编码类型
    data: JSON.stringify({ key: 'value' }), // 将对象转换为JSON字符串
    processData: false, // 不要对data进行处理，因为数据已经是字符串
    dataType: 'json',
    success: function(response) {
        console.log('Response:', response);
    },
    error: function(xhr, status, error) {
        console.error('Error:', error);
    }
});

此外，jQuery还提供了更简洁的请求方法，如$.get()和$.post()：

// GET请求
$.get('https://api.example.com/data', function(response) {
    console.log('Response:', response);
}).fail(function(xhr, status, error) {
    console.error('Error:', error);
});
 
// POST请求
$.post('https://api.example.com/data', { key: 'value' }, function(response) {
    console.log('Response:', response);
}).fail(function(xhr, status, error) {
    console.error('Error:', error);
});

以上代码展示了如何使用jQuery发送不同类型的AJAX请求，并处理响应或错误。