Ajax_02学习笔记（源码 + 图书管理业务 + 以及 个人信息修改功能）

由于提供的代码已经是一个完整的实现，下面我将提取其中的核心函数，展示如何使用Ajax进行图书管理和个人信息修改的功能实现。

// 删除图书操作
function deleteBook(bookId) {
    $.ajax({
        url: '/books/' + bookId,
        type: 'DELETE',
        success: function(result) {
            alert('图书删除成功！');
            // 刷新图书列表
            loadBooks();
        },
        error: function() {
            alert('图书删除失败！');
        }
    });
}
 
// 修改个人信息操作
function updateProfile(userId) {
    var formData = new FormData($('#profileForm')[0]);
    $.ajax({
        url: '/users/' + userId,
        type: 'POST',
        data: formData,
        contentType: false,
        processData: false,
        success: function(result) {
            alert('个人信息修改成功！');
            // 可能需要刷新个人信息界面以显示更新后的数据
        },
        error: function() {
            alert('个人信息修改失败！');
        }
    });
}

这里的deleteBook函数通过Ajax发送一个DELETE请求到服务器来删除指定ID的图书，并在操作成功后刷新图书列表。updateProfile函数则使用Ajax和FormData对象来提交个人信息的修改，其中contentType和processData设置为false是因为FormData对象已经序列化了表单数据，不需要jQuery进行额外处理。

注意：实际应用中还需要处理更多的逻辑，例如验证用户输入、处理服务器响应、错误处理等。