使用jQuery，AJAX和PHP单击复选框时更新MySQL字段

Question

单击时，我需要一个复选框将MySQL字段从1更新为0，反之亦然。 我想使用jQuery / AJAX和PHP来做到这一点，所以我不必重新加载页面。 我将代码放在下面，但无法正常工作。 我觉得我很亲近。

注意：我知道不推荐使用mysql_query 。 这是一个较旧的项目，我将尽快对其进行转换，但现在需要使用它。

表格：

if($list_row['online'] == 0) {
    echo '<input type="checkbox" name="online" id="' . $list_row['id'] . '" data-toggle="toggle" checked>&nbsp;';
} else {
    echo '<input type="checkbox" name="online" id="' . $list_row['id'] . '" data-toggle="toggle">&nbsp;';

                        }

jQuery：

 <script>
$('.online').mousedown(function() {

    var id    = $(this).attr('id');

    if($(this).attr('checked')) {
        var online = 1;
    } else {
        var online = 0;
    }

    $.ajax({
        type:'GET',
        url:'processes/process_item_online.php?',
        data:'id= ' + id + '&online='+online
    });

 });
 </script>

PHP：

include '../connect.php';

// START IF LOGGED IN
  session_start();

if (!isset($_SESSION['is_logged_in'])) {

    header("location: login.php");

} else {

    $login = true;

}


 $id = $_GET['id'];
 $online = $_GET['online'];

 mysql_query("UPDATE `store_items` SET online=$online WHERE id='$id'");

Answer 1

通过在jQuery之前使用$(document).ready(function() {代码解决了问题。