comment exécuter une fonction après avoir terminé la première

Question

j'ai cette entrée:

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

je veux exécuter le redirectToCart() après avoir terminé la première productAddToCartForm.submit(this) mais sans déplacer la première sur, je veux dire le productAddToCartForm.submit(this) devrait rester dans le bouton onclick.

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

Answer 1

Il est plus facile et préférable de ne pas utiliser les événements en ligne.

Créez simplement un écouteur d'événement et appelez les deux fonctions à partir de là.

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

Answer 2

Si productAddToCartForm est votre élément de formulaire javascript, vous pouvez le faire:

productAddToCartForm.onload = redirectToCart; 

Answer 3

Je fais quelques hypothèses, mais le principe devrait fonctionner.

Principalement, je suppose que productAddToCardForm.submit(this) déclenche une requête AJAX, soit en mode natif, soit en utilisant jQuery. Dans les deux cas, vous devez utiliser promesses pour gérer cela.

Il y a un guide complet here, mais les bases sont les suivantes:

1. Retour une promesse de votre première fonction
2. Exécutez votre deuxième fonction lorsque la première fonction résout avec succès

Ce pourrait ressembler à ceci:

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

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

J'ai mis en place un rapide fiddle qui le démontre mieux. NB: Il s'agit du cas d'utilisation le plus simple pour Promises, mais il s'agit d'un outil très puissant. Les spécifications complètes sont here.