如何使用 Ajax 将复选框信息添加到 MySQL 数据库？

Question

我有一个通过MySql 和Ajax / Json 填充的简单列表。该列表只是一个标题和描述，每个条目都有一个checkbox。我需要checkbox，一旦点击，就可以推送到它被点击的数据库。你会怎么做呢？

[顺便说一句... 现在，因为我的 SQL 数据上有一个 setTimeInterval 来即时提供列表，所以它会自动重置我的复选框。我假设如果我记录了我的checkbox 已通过 SQL 中的布尔值设置，那么可能有办法对其进行检查...]

我是这方面的新手，我只是在玩耍并尝试学习，所以这些信息完全是理论上的。

Answer 1

您可以使用 on() 函数来监听复选框的点击。

$(function() {
    $(document.body).on('click', 'input.mycheckbox', function() {
        var checkbox = $(this);
        var checked = checkbox.attr('checked');
        $.ajax('service.url', {
            type: 'post',
            data: {action: 'checkbox-select', id: checkbox.attr('id'), checked: checked},
            success: function(data) {
                alert(data);
            },
            error: function(data) {
                alert(data);
                // Revert
                checkbox.attr('checked', !checked);
            }
        });
    }
});

如果您需要任何说明或者这不适合您的情况，请随时询问。

编辑：

AJAX 函数的data 参数是一个将发布到您的PHP 页面的对象。当您的 PHP 代码运行时，$_POST 将是一个包含我们传递的值的数组。因此，$_POST['action'] 将是“复选框选择”，$_POST['id'] 将获得 ID，$_POST['checked'] 将根据复选框被选中或取消选中而为真或假。您在 Javascript 中获取 ID 的方法可能会改变；我只是把checkbox.attr('id') 给你一个想法。

在学习 PHP 时，将来自服务器的响应转储到客户端会很有帮助。示例 PHP 代码：

if($_POST['action'] == 'checkbox-select']) {
    $checkbox = $_POST['id'];
    $checked = $_POST['checked'];
    // Your MySQL code here
    echo 'Updated';
}
echo 'Code ran';

我编辑了 JS 以显示来自服务器的结果。