Rufen Sie eine Funktion auf, nachdem ein Formular vorgelegt, mit JavaScript / jQuery

Ich soll eine Funktion aufgerufen wird, nachdem ein Formular übermittelt wurde, sehe ich, dass wir dies tun können in jQuery mit .submit(handler function()) aber die Methode, die Beschreibung sagt, wird die handler-Methode wird ausgeführt, kurz bevor das Formular abgeschickt wird. Wie kann ich eigentlich erreichen? Sollte ich setTimeout nach der form vorgelegt wird, oder gibt es irgendeine andere Lösung dafür?

Man kann nicht etwas tun, nachdem das Formular abgeschickt wird, denn das bewirkt, dass eine neue Seite geöffnet werden, es sei denn, Sie AJAX verwenden, um das Formular Absenden.
Schreiben Sie Ihre Funktion auf der Ziel-Seite.
binden Ereignis in submit() reichen Sie das Formular selbst (per ajax) und dann laufen, was Sie wollte ausführen nach formularversendung
Was willst du machen in dieser Funktion?
Ich möchte ein ajax-call auf eine bestimmte url und die Aktion Klasse, auch die entsprechende form der Ausführung

InformationsquelleAutor SpreeTheGr8 | 2012-11-15

  1. 2
    $("#myFormId").on('submit', function(e) {
    e.preventDefault();
    $.ajax({
        type: $(this).prop('method'),
        url : $(this).prop('action'),
        data: $(this).serialize()
    }).done(function() {
        doYourStuff();
    });
});
    Das ist nicht die Funktion aufrufen, "nach" die form vorlegen
    Nicht zu erwähnen, dass die reichen möglicherweise fehl, und Sie möchten nur ausführen MyfunctionCall() nur, wenn das senden erfolgreich war
    Did ' NT Lesen Sie die Frage gut genug, aber etwas zu tun, nachdem das Formular übermittelt wird, ist nur möglich mit ajax und das Formular abschicken Versagen ist nicht wirklich Teil der Frage.
    Ich habe entfernt mein down-Abstimmung durch Ihre Korrektur

    InformationsquelleAutor adeneo

  2. 0

    Könnten Sie plugin verwenden http://www.malsup.com/jquery/form/#ajaxSubmit und tun, was immer Sie brauchen, auf die callback-Methode Erfolg

    $(document).ready(function() { 
var options = { 
    target:        '#output2',   //target element(s) to be updated with server response 

    success:       function() {
                   //callback code here
                    }

}; 

//bind to the form's submit event 
$('#myForm2').submit(function() { 
    $(this).ajaxSubmit(options); 

    return false; 
}); 
});

    InformationsquelleAutor Mihai

  3. 0

    Flow:

    1. Fenster.sessionStorage['submit'] ist zunächst eine leere Zeichenfolge.
    2. sobald Sie etwas in das Textfeld, und klicken Sie auf die senden-Schaltfläche, wird der Wert im Textfeld wird gespeichert-Fenster.sessionStorage['submit'].
      Das bedeutet, dass das Fenster.sessionStorage['submit'] nicht leer ist, nicht mehr. es beinhaltet einen Wert.
    3. die Seite wird aktualisiert, nachdem Sie das Formular abschicken.
    4. die onload-Funktion wird überprüft, ob es etwas im Fenster.sessionStorage['submit']. wenn Ihr nicht leer, es bedeutet, die form wurde von einem Benutzer übermittelt.
      dann reset der Fenster.sessionStorage['submit'] auf eine leere Zeichenfolge wieder.

    Seine Verwendung von Sitzungs-Speicherung unterstützt alle gängigen Browser.

    <html>
<body onload="checkSubmitStatus()">
<form name="text" action="">
<input type="text" id="txtId">
<input type="submit" value="submit" onclick="storeInSession()"/>
</form>

<script type="text/javascript">
function storeInSession(){
    window.sessionStorage['submit'] = document.getElementById('txtId').value;
}

function checkSubmitStatus(){
    if(window.sessionStorage['submit']){
        alert('The form was submitted by '+ window.sessionStorage['submit']);
        window.sessionStorage['submit'] = '';
    }
}
</script>
</body>

    Leider weiß ich nicht, wie dieses lässt mich wissen, wenn das Formular abgeschickt wird.
    aktualisiert die Antwort
    danke für die Erklärung lassen Sie mich versuchen und sehen. Wenn ich mich nicht in der Lage zu erreichen, ich habe zu gehen, für die Barmer-Vorschlag, der dem Absenden des Formulars per ajax.
    Gud Glück dann...

    InformationsquelleAutor Akhil Sekharan

Schreibe einen Kommentar