AJAX不会发送POST数据

Question

我目前正在一个需要一些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>

而且它甚至没有发送“辛勤工作”警报。 我在command.php中使用了它（如果访问command.php它将写入文件，

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

为什么不发送POST数据？ 谢谢！

哦，这是我的按钮HTML：

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

Answer 1

您的JS代码似乎在按钮的HTML代码之前，因此绑定无效。 把你的JS 后 <a>...</a> ，或者用镜框$(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>