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>