springboot项目前端ajax 07进阶优化，使用jQuery的ajax

在Spring Boot项目中，使用jQuery的ajax进行前后端交互，可以优化代码结构，减少重复的代码。以下是一个简化后的jQuery ajax请求示例：

$(document).ready(function() {
    // 当点击按钮时发送请求
    $('#myButton').click(function() {
        $.ajax({
            url: '/api/data', // 后端API接口
            type: 'POST', // 请求类型，根据需要可以是 'GET', 'POST', 'PUT', 'DELETE' 等
            contentType: 'application/json', // 发送信息至服务器时内容编码类型
            data: JSON.stringify({ key: 'value' }), // 将对象转换为JSON字符串作为请求体发送
            dataType: 'json', // 预期服务器返回的数据类型
            success: function(response) {
                // 请求成功后的回调函数
                console.log(response);
            },
            error: function(xhr, status, error) {
                // 请求失败后的回调函数
                console.log(xhr.responseText);
            }
        });
    });
});

这段代码首先确保文档加载完成后绑定点击事件，然后使用jQuery的ajax方法发送异步请求。通过contentType指定请求体的类型，并且使用JSON.stringify将JavaScript对象转换为JSON字符串。dataType用于指定预期的响应数据类型。成功时，在success回调中处理响应数据；失败时，在error回调中处理错误信息。这样的结构更加清晰，并且减少了重复的异步请求代码。