发布成功回调时如何使用jquery

Question

我有一个应用程序需要三个不同的发布请求来同步数据，我只希望在所有三个完成时发生一件事，但 jquery 何时不工作。所有帖子都使用成功函数来处理服务器发回的数据。这是我的代码：

var picUploads = $.post("http://www.epcmapp.co.za/php2/uploadPic.php", {Images: jsonPics}, function (res) {
    alert("Ajax Images return");    
    if(res != "" && res != "53554343455353")
        alert(res);
});

var pdfUploads = $.post("http://www.epcmapp.co.za/php2/uploadPDF.php", {PDFs: jsonPDF}, function (res) {
    alert("Ajax PDF return");        
    if(res != "" && res != "53554343455353")
        alert(res);
});

var sync = $.post("http://www.epcmapp.co.za/php2/sync.php", {data: json}, function (res) {
    alert("Ajax return");    
    var result = JSON.parse(res);    
    dropSyncTables();
    checkDB();
    for (var i in result) {
        populateDB(result[i].toString());
    }
    readDB();    

    loadProjects();
    loadAdditional();
    loadProcessRows();
    loadAttachments();                                
});

$.when(picUploads, pdfUploads, sync).then(function() {
    $("#loadIcn").attr("src", "images/check3.png");
});

帖子中的警报不会弹出，jquery 中的代码也不会运行。那我该怎么做呢？

Answer 1

如果需要失败函数，则不能使用 $.get 或 $.post 函数；您将需要直接调用 $.ajax 函数。你传递了一个可以有“成功”和“错误”回调的选项对象。

而不是这个：

$.post("/post/url.php", parameters, successFunction);

你会用这个：

$.ajax({
    url: "/post/url.php",
    type: "POST",
    data: parameters,
    success: successFunction,
    error: errorFunction
});

还有很多其他选项可用。该文档列出了所有可用选项。
ref This answer

Answer 2

首先检查您的console.log。你可能会在那里找到问题。但即使你找到它，你也总是需要某种错误处理，这对于延迟对象是可能的：

$.when(picUploads, pdfUploads, sync)
    .then(function() {
        $("#loadIcn").attr("src", "images/check3.png");
    })
    .fail(function(ts) {
        alert('something failed');
        console.log(ts.responseText); //Check in console what went wrong here
    })

还可以将done() 和fail() 与$.post 一起使用（从jQuery 1.5 开始）

var picUploads = $.post("http://www.epcmapp.co.za/php2/uploadPic.php", {Images: jsonPics}, function (res) {
    alert("Ajax Images return");    
    if(res != "" && res != "53554343455353")
        alert(res);
})
.done(function() {
  alert( "second success" );
})
.fail(function() {
  alert( "error" );
});