wie eine Funktion auszuführen, nachdem die ersten

Question

Finishing habe ich diesen Eingang:

<button type="button" title="test" class="button btn-cart" onclick="productAddToCartForm.submit(this); redirectToCart();">OK</button> 

Ich mag die redirectToCart() nach Beendigung des ersten productAddToCartForm.submit(this) auszuführen, aber ohne auf den ersten bewegten, ich meine die productAddToCartForm.submit(this) bleiben soll In OnClick-Taste.

function redirectToCart() 
{ 
    window.location.replace("http://stackoverflow.com"); 
} 

Answer 1

Es ist einfacher und bevorzugt, die Inline-Ereignisse nicht zu verwenden.

Erstellen Sie einfach einen Ereignis-Listener und rufen Sie beide Funktionen von dort.

var myButton; 
myButton.addEventListener('click', function (e) { 
    productAddToCartForm.submit(this); 
    redirectToCart(); 
}); 

Answer 2

Wenn productAddToCartForm ist Ihr Javascript Formularelement, können Sie tun:

productAddToCartForm.onload = redirectToCart; 

Answer 3

ich einige Annahmen hier machen werde, aber das Prinzip sollte funktionieren.

In erster Linie nehme ich an, dass productAddToCardForm.submit(this) eine AJAX-Anfrage auslöst, entweder nativ oder mit jQuery. In jedem Fall müssen Sie verspricht, um dies zu behandeln.

Es gibt einen umfassenden Leitfaden here, aber die Grundlagen sind wie folgt:

1. Return ein Versprechen von Ihrem ersten Funktion
2. Führen Sie Ihre zweite Funktion, wenn die erste Funktion

erfolgreich aufgelöst wird, könnte in etwa so aussehen:

function myFirstFunction(packet) { 
    return new Promise(function(resolve, reject) { 
    resolve(productAddToCartForm.submit(packet)) 
    }); 

function doBothThings(packet) { 
    myFirstFunction().then(redirectToCart()) 
}; 

Ich habe eine schnelle fiddle zusammengestellt, die das besser zeigt.

Hinweis: Dies ist der einfachste Anwendungsfall für Promises, aber sie sind ein wirklich mächtiges Werkzeug. Die vollständigen technischen Daten sind here.