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

时间:2016-07-01 17:13:53

标签: javascript php jquery mysql ajax

我需要一个复选框,在点击时将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'");

1 个答案:

答案 0 :(得分:0)

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