Recharger la page après la soumission, dans un iframe (javascript/jquery)

J'ai une page avec un iframe. Dans l'iframe, il y a un bouton "soumettre". Lorsque je clique sur le bouton "soumettre" je veux la fenêtre parent pour être mis à jour.
C'est ce que j'ai fait jusqu'ici, et cela fonctionne (le javascript est situé dans la fenêtre parent):

var myFrame = $('iframe');
myFrame.load(function() {
myFrame.contents().find('#publish').click(function() {

  myFrame.load(function() {
    location.reload();
  });

});
});

Le code fonctionne. Mais je trouve que le rechargement de l'iframe inutiles. Est-il une meilleure façon de détecter le moment où le "soumettre" est terminé?

(Je ne peux pas recharger la page en “onclick” ou relais sur tout retard. Je dois m'assurer que la soumission du formulaire est fini)

parent de la fenêtre de mise à jour? ou un parent de la fenêtre pour être rechargé? qu'est-ce que la mise à jour?
Comment résoudre ce à la fin?

OriginalL'auteur Hakan | 2011-04-17

  1. 0

    En supposant publish est unique, vous pouvez simplement le faire:

    $(document).ready(function(){
  $('#publish').live('click', function(e){
     e.preventDefault();
     //Do whatever you want here
   });
});

    Avis de la live aura pour effet de lier la même à la publish lien au moment de l'exécution.

    Salut Naveed, vous avez raté "});". Mais je ne vois pas comment cette fonction permettra de m'envoyer le formulaire et de recharger la page. Je veux une fonction pour détecter quand les soumettre est envoyé.
    grâce fixe. Permettez-moi de regarder de nouveau.

    OriginalL'auteur Naveed Ahmad

  2. 0

    Vous pourriez avoir de la soumission de formulaire de retour d'un bloc de js:

    <html>
<script>
 window.parent.document.jQueryFunction();
</script>
</html>

    ou, si vous êtes ouvert à de plug-in, vous pouvez utiliser le ajaxSubmit() la méthode de le jQuery Forme de Plugin.

    $myFrame.contents().find('form').ajaxForm({
  success: function() {
     //update parent
  }
});

    OriginalL'auteur two7s_clash

  3. 0
    $("#publish").click(function() {
    $('#inputs').ajaxSubmit({
        success:function(){
            //alert("Reload called");
            parent.location.reload();
        }
    });
 });

    Cela a fonctionné.

    Bienvenue DONC. Il n'y a aucune référence spécifique à l'Ajax dans la question. Il peut être aussi un standard html soumettre le formulaire.

    OriginalL'auteur Preeti