jQuery ajax“.done”回调没有触发

Question

以下 jQuery 代码 (postData) 将数据发布到一个简单的 php 文件，并在完成时调用 sendReply 或 sendFail。我在 postData 函数中有一个 console.log，sendReply 和 sendFail 回调也有 console.log。第一个 console.log 显示在 FF 开发控制台中，回调没有。

php 文件非常简单，因为我是使用 jQuery 发布到 php 的新手，我想在继续之前测试回调函数。

这是jQuery：

<form>

// form elements here, omitted for brevity

 // the jQuery is called from a button click event

<div class="btn_div">

<button class="btn_joinnow" id="btn_submit" style="color:rgb(255,255,255)" onClick="postData(event)">Click to submit data</button></div>

<script type="text/javascript">

function postData(event) {

    event.preventDefault();

    var datastring = $("#echo_test").serialize();

    console.log("Okay, I'm starting")

    return $.ajax({

       type: "POST",

       url: "echo_test.php",

       data: {post: datastring}

    });

}

function sendReply() {

    console.log("Okay, I'm done"); }

function sendFail() {

    console.log("Okay, I failed"); }

postData().done(sendReply, sendFail);

</script>

</form>

我可以链接回调，但是 event.preventDefault 不起作用：

<script type="text/javascript">

function postData(event) {

    event.preventDefault();

    var datastring = $("#echo_test").serialize();

    console.log("Okay, I'm starting")

    return $.ajax({

       type: "POST",

       url: "echo_test.php",

       data: {post: datastring}

    });.done(function() {

    console.log("Okay, I'm done");

    }).fail(function() {

    console.log("Okay, I failed");

});

}

这是超简单的php：

<?php

echo "Hello world";

?>

为什么在完成时不执行任何回调函数？是 jQuery 还是 php 函数？Firefox 开发控制台显示了有关 php 的内容：

XML Parsing Error: no root element found Location: (file location) Line Number 4, Column 1:

我在我的本地 (Windows) 机器上工作，而不是在我的云服务器上。这是整个问题吗？

非常感谢您的任何见解。