jQuery:: AJAX 不返回任何回调

Question

由于某种原因，我没有收到来自post.php 的回调

这是我的index.php：

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>

<form action="#" method="post" enctype="multipart/form-data">
<input type="file" name="file_upload">
<button type="submit" name="upload">Upload</button>
</form>

<div id=callbackEcho></div>

<script src="js/jquery.js"></script>
<script>

$("button").on("click",uploading);

function uploading(e)
{

    e.preventDefault();
    var postData=new FormData($("form")[0]);

    $.ajax
    (
        {
            type:'POST',
            url:"post.php",
            data:postData,
            contentType:false,
            processData:false,
            success:function(data)
            {
                $("#callbackEcho").html('success : '+data);
            },
            fail:function(data)
            {
                $("#callbackEcho").html('fail : '+data);
            },
            done:function(data)
            {
                $("#callbackEcho").html('done : '+data);
            }
        }
    );

}

</script>
</body>
</html>

仅用于测试，这是我的post.php：

<?php

echo 'I\'m a callback!';
exit;

Answer 1

将您的 ajax 调用更改为以下内容

$.ajax({
  type:'POST',
  url:"post.php",
  data:postData,
  contentType:false,
  processData:false,
  success:function(data) {
    $("#callbackEcho").html('success : '+data);
  },
  error:function(data) {
    $("#callbackEcho").html('fail : '+data);
  },
  complete: function(data) {
    $("#callbackEcho").html('done : '+data);
  }
});