Java Web入门之Ajax的用法详解(附代码和实战）

// 使用jQuery发送Ajax请求
$(document).ready(function() {
    $('#myButton').click(function() {
        $.ajax({
            url: 'https://api.example.com/data', // 目标URL
            type: 'GET', // 请求类型，可以是GET或POST
            dataType: 'json', // 期望从服务器返回的数据类型
            success: function(response) {
                // 请求成功后的回调函数
                console.log('Success:', response);
                // 处理返回的数据，例如更新页面内容
                $('#myDiv').text(response.message);
            },
            error: function(xhr, status, error) {
                // 请求失败后的回调函数
                console.error('Error:', error);
            }
        });
    });
});

这段代码使用jQuery库中的$.ajax()函数发送一个异步HTTP请求到服务器。当用户点击页面上的某个元素（如ID为myButton的按钮）时，会触发这个请求。成功获取响应后，会调用success回调函数，并更新ID为myDiv的元素的内容。如果请求失败，会调用error回调函数，并在控制台输出错误信息。