我一直在尝试使用多种方法来实现此功能，例如 JavaScript 中的 $.ajax 以及使用此处找到的 jQuery 插件： http: //jquery.malsup.com/form/
我已经在 stackoverflow 和 google 上搜索了解决方案，但没有成功。
基本上我想做的是创建一个切换开关（启用/禁用），单击该开关时，通过 AJAX 将结果发送到 PHP 脚本，而无需导航或重新加载页面。
准确地说，这些切换开关之一： http: //www.bootstraptoggle.com/
下面，当复选框处于“切换”状态时，我可以让它运行 PHP 脚本，但它会导航到空白 PHP 文件页面（我没有让 PHP 脚本在成功时执行任何操作）。
<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script src="classes/commons/jquery/jquery-1.7.1.min.js"><\/script>')</script>
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
</head>
<body>
<form id="form" method="post" action="audio_alarm.php">
<input type="checkbox" name="toggle" id="toggle" data-toggle="toggle" data-off="Disabled" data-on="Enabled" checked>
</form>
<script>
$('#toggle').change(function(){
$('#form').submit();
});
</script>
</body>
</html>
现在下面是我认为应该使它能够正常工作的内容，但是 jQuery 插件似乎并没有像广告中那样工作..除非我做了一个简单的疏忽..
<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script …