Ajax图书管理业务

为了实现一个简单的Ajax图书管理业务，我们可以使用JavaScript和PHP。以下是一个简化的例子，展示了如何使用Ajax添加新书籍到数据库。

JavaScript (使用jQuery):

$(document).ready(function() {
    $('#addBookForm').on('submit', function(e) {
        e.preventDefault();
        var bookData = $(this).serialize();
        $.ajax({
            type: 'POST',
            url: 'addBook.php',
            data: bookData,
            success: function(response) {
                alert('Book added successfully!');
                // 可以选择刷新页面或者更新页面部分内容
                // window.location.reload();
                // 或者
                // $('#bookList').html(response);
            },
            error: function() {
                alert('An error occurred. Try again later.');
            }
        });
    });
});

HTML 表单:

<form id="addBookForm">
    <label for="title">Title:</label>
    <input type="text" id="title" name="title">
    <label for="author">Author:</label>
    <input type="text" id="author" name="author">
    <input type="submit" value="Add Book">
</form>

PHP (addBook.php):

<?php
$title = $_POST['title'];
$author = $_POST['author'];
 
// 连接数据库等操作
// ...
 
// 插入数据库
$query = "INSERT INTO books (title, author) VALUES (?, ?)";
$stmt = $pdo->prepare($query);
$stmt->execute([$title, $author]);
 
// 返回成功消息或其他操作
echo "Book added successfully.";
?>

确保您的服务器配置正确，并且数据库信息及表名等都是正确的。这个例子假设您已经有了一个数据库和一个名为 books 的表，该表至少有 title 和 author 字段。