Java开发之Java Web编程CH010_使用Ajax和jQuery实现异步请求

// 使用jQuery发送Ajax请求的示例
$(document).ready(function() {
    $('#myButton').click(function() {
        $.ajax({
            url: 'your-server-endpoint', // 替换为你的服务器端点
            type: 'POST', // 请求类型，根据需要可以是 'GET' 或 'POST'
            data: {
                // 发送到服务器的数据
                key1: 'value1',
                key2: 'value2'
            },
            success: function(response) {
                // 请求成功后的回调函数
                // 这里处理服务器返回的数据
                $('#myDiv').text(response);
            },
            error: function(xhr, status, error) {
                // 请求失败后的回调函数
                console.error("An error occurred: " + status + "\nError: " + error);
            }
        });
    });
});

这段代码使用jQuery库发送一个异步的HTTP请求到服务器。当按钮被点击时，它会向服务器发送一个POST请求，并在请求成功完成后，使用返回的数据更新页面上的一个元素。如果请求失败，它会在控制台中记录错误信息。在实际应用中，你需要替换your-server-endpoint为你的服务器端点，并根据需要修改请求类型、发送的数据以及对响应的处理。