javascript - 使用 http post 请求传递有关事件更改的参数

Question

我正在使用 Bootstrap ON/OFF 开关发送有关事件更改的 http post 请求。每当开关将其状态从 ON 更改为 OFF 或从 OFF 更改为 ON 时，就会触发 http post 请求。是的，它正在发挥作用。但是，我不确定如何通过 http post 函数($.post)传递参数。

update_state.php 文件接受参数“state”。例如，update_state.php?state=ON 将更改数据库中 state 字段的值。

到目前为止我拥有的代码。

<script type="text/javascript">
         $('input[name="onoffswitch"]').on('switchChange.bootstrapSwitch', function(event, state) {
          console.log(state); // true | false
          $.post("update_state.php",
            {
                state: "state"
            },
            function(data, status){
                console.log("Data: " + data + "\nStatus: " + status);
            });
        });
</script>

编辑:

<?php

require_once("mysqli_connect.php");

if (!$database) {
    echo "Error: Unable to connect to MySQL." . PHP_EOL;
    exit;
}

echo "Success: A proper connection to MySQL was made!" . PHP_EOL;

$state = $_GET['state'];

$sql = "UPDATE devices SET state='$state' WHERE id=1";

if (mysqli_query($database, $sql)) {
    echo "Record updated successfully.";
} else {
    echo "Error updating record: " . mysqli_error($database);
}

mysqli_close($database);
?>

Answer 1

尝试:

$('input[name="onoffswitch"]').on('switchChange.bootstrapSwitch', function(event, state) {
    console.log(state); // true | false
    $.post( "update_state.php", { state: state }) // here { state: state } means {parameter-name: parameter-value}
      .done(function( data ) {
        alert( "Data Loaded: " + data );
    });
});