Javascript 阿贾克斯赢了'；不要发送POST数据

我目前正在从事一个需要一些AJAX的项目，但由于某些原因，我当前的代码不会发送POST数据。 以下是我的AJAX：

<script>
$('#greenon').click(function(){

    $.ajax({
            type: 'POST',
            url: 'command.php', 
            data : { "green" : "on" },
            success: function(data, textStatus, jqXHR) {
                    alert("it worked!");
            },
            error: function(jqXHR, textStatus, errorThrown) {
                    alert("didn't work!");
            }
    });

    return false;
});
</script>

$（'#greenon'）。单击（函数（）{
$.ajax({
键入：“POST”，
url:'command.php'，
数据：{“绿色”：“开”}，
成功：函数（数据、文本状态、jqXHR）{
警惕（“成功了！”）；
},
错误：函数（jqXHR、textStatus、errorshown）{
警惕（“不起作用！”）；
}
});
返回false；
});

它甚至没有发出“不起作用”的警报。我在command.php中使用它（如果command.php被访问，它将编写文件

<?php
$content = "bleh";
$fp = fopen($_SERVER['DOCUMENT_ROOT'] . "/file.txt","wb");
fwrite($fp,$content);
fclose($fp);
?>

为什么不发送帖子数据？谢谢

哦，这是我的按钮HTML：

<a class="btn btn-success" role="button" id="greenon">Turn On</a>

打开

您的JS代码似乎在您的按钮HTML代码之前，所以绑定不起作用。请将您的JS放在按钮HTML代码之后，…，或者用

$（document）框起来。ready（）

回调：

<script>
    $(document).ready(function() {
    $('#greenon').click(function(){

    $.ajax({
            type: 'POST',
            url: 'command.php', 
            data : { "green" : "on" },
            success: function(data, textStatus, jqXHR) {
                    alert("it worked!");
            },
            error: function(jqXHR, textStatus, errorThrown) {
                    alert("didn't work!");
            }
    });

    return false;
});
});
</script>

$（文档）.ready（函数（）{
$（'#greenon'）。单击（函数（）{
$.ajax({
键入：“POST”，
url:'command.php'，
数据：{“绿色”：“开”}，
成功：函数（数据、文本状态、jqXHR）{
警惕（“成功了！”）；
},
错误：函数（jqXHR、textStatus、errorshown）{
警惕（“不起作用！”）；
}
});
返回false；
});
});

您的JS代码似乎在您的按钮HTML代码之前，所以绑定不起作用。请将您的JS放在按钮HTML代码之后，…，或者用

$（document）框起来。ready（）

回调：

<script>
    $(document).ready(function() {
    $('#greenon').click(function(){

    $.ajax({
            type: 'POST',
            url: 'command.php', 
            data : { "green" : "on" },
            success: function(data, textStatus, jqXHR) {
                    alert("it worked!");
            },
            error: function(jqXHR, textStatus, errorThrown) {
                    alert("didn't work!");
            }
    });

    return false;
});
});
</script>

$（文档）.ready（函数（）{
$（'#greenon'）。单击（函数（）{
$.ajax({
键入：“POST”，
url:'command.php'，
数据：{“绿色”：“开”}，
成功：函数（数据、文本状态、jqXHR）{
警惕（“成功了！”）；
},
错误：函数（jqXHR、textStatus、errorshown）{
警惕（“不起作用！”）；
}
});
返回false；
});
});

检查浏览器开发工具的javascript控制台和网络选项卡是否存在错误。您确实包含jquery，对吗？：pTo备份@Oleg的答案，此脚本包含在页面中的什么位置，特别是与链接/按钮元素相关的位置？检查浏览器开发工具的javascript控制台和网络选项卡是否存在错误。您确实包含jquery，对吗？：pTo备份@Oleg的答案，此脚本包含在页面中的哪个位置，特别是与链接/按钮元素相关的位置？