javascript - 使用 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() { 代码解决了问题。