abfangen Formular mit jQuery senden

Question

Ich möchte eine Übermittlung über jQuery abfangen und zuerst überprüfen, ob eine Datei auf dem Server vorhanden ist. Wenn es vorhanden ist, fahren Sie mit der Anfrage fort, wenn keine Nachricht angezeigt wird und senden Sie die Anfrage nicht. Das ist, was ich habe:

$("#methodForm").submit(function(e){ 

    checkIndex('upload/segments.gen').done(function() { 
     return true; 
    }).fail(function() { 
     e.preventDefault(); 
     alert("No index present!"); 
     return false; 
    }); 
}); 

ist dies die checkIndex():

function checkIndex(file){ 
    return $.ajax({ 
     url : file, 
     type:'HEAD' 
    }); 
} 

Was passiert, ist dies: Die Datei auf dem Server vorhanden ist, aber die checkIndex kehrt mit fehlschlagen. Zuerst sehe ich die Warnung Popup und dann geht es weiter und sendet die Post-Anfrage an den Server.

Ich benutze die checkIndex() auch für andere Zwecke, wo es wie erwartet funktioniert, so bin ich mir ziemlich sicher, dass der Fehler irgendwo in der Übermittlungsroutine ist. Aber ich kann nicht herausfinden, was damit nicht stimmt.

Answer 1

Sie können keinen Rückruf an eine asynchrone Methode (wie Ajax) zurückgeben. Verhindern Sie stattdessen, dass alle zusammen eingereicht werden, und reichen Sie sie dann ein, wenn Sie bereit sind.

$("#methodForm").submit(function(e){ 
    e.preventDefault(); 
    var form = this; 
    checkIndex('upload/segments.gen').done(function() { 
     form.submit(); // submit bypassing the jQuery bound event 
    }).fail(function() { 
     alert("No index present!"); 
    }); 
}); 

Answer 2

Es ist wirklich so arbeiten does'nt, ist checkIndex asynchron, so durch die Zeit, etwas zurückgibt, wird das Formular abgeschickt, und die Rückrechnung in einem anderen Bereich sind auch versuchen, etwas mehr wie folgt aus:

$("#methodForm").submit(function(e){ 
    e.preventDefault(); //prevent submit 
    var self = this; 
    checkIndex('upload/segments.gen').done(function() { 
     self.submit(); //submit if ajax OK 
    }).fail(function() { 
     alert("No index present!"); 
    }); 
});