jquery - soumettre post en mode synchrone (pas ajax)

J'ai une page (page 1) qui accepte des requêtes post, n'quelques trucs et affiche certaines données à la fin.

À partir d'une autre page (page 2), je veux rediriger vers page 1 quand on clique sur un bouton, bien sûr, l'envoi de toutes les données pertinentes requises par page 1 par la POSTE.

Je peux, bien sûr, utiliser l'ancien hack d'avoir une forme invisible sur la page, la farce dans toutes les données que j'ai besoin de l'aide de jquery, juste après que l'utilisateur a cliqué sur le bouton, et submit() automatiquement.
Mais qui ressemble lourd - c'est beaucoup plus agréable d'utiliser une syntaxe similaire à $.post, plutôt que de commencer à manipuler le code html. $.post serait parfait, s'il vous rediriger vers la page et ne pas faire la demande de manière asynchrone (je ne peux pas rediriger vers page 1 après la ajaxy le post est terminé depuis page 1 besoins les données à afficher quelque chose).

Est-il un moyen de faire ce que je veux avec jquery, ou sont moches formes invisibles le seul moyen de sortir?

P. S

Je sais qu'il y a d'autres alambiqué les moyens de réaliser ce que je veux, par exemple à l'aide de $.post et juste la plantation de la réponse du html dans la page, nous sommes actuellement sur, mais je veux juste savoir si il y a un simple moyen de le faire avec jquery

OriginalL'auteur olamundo | 2010-10-02

  1. 15

    Cela m'a donné l'idée de faire un peu de fonction jQuery pour imiter l' $.post le comportement que vous l'avez décrit. Il utilise toujours des formes invisibles dans le fond, mais la syntaxe est relativement propre et simple.

    $(document).ready(function(){
    $('#myButton').PostIt('post.php', {foo:'bar', abc:'def', life:42});
    $('#myOtherButton').PostIt('post.php', dataObjectFromSomewhereElse);
});

$.fn.PostIt = function(url, data){

  $(this).click(function(event){

        event.preventDefault();

        $('body').append($('<form/>', {
          id: 'jQueryPostItForm',
          method: 'POST',
          action: url
        }));

        for(var i in data){
          $('#jQueryPostItForm').append($('<input/>', {
            type: 'hidden',
            name: i,
            value: data[i]
          }));
        }

        $('#jQueryPostItForm').submit();
    });
}
    Je me rends compte que c'est juste un exemple, mais en fonction de la spécification, les clés de votre objet JSON doivent être des chaînes de caractères et en tant que tel, entouré par des guillemets. Ce genre de chose m'a causé beaucoup de maux de tête quand je l'ai rencontré pour la première fois JSON. 😉
    Intéressant. Je n'ai jamais eu de mettre des guillemets autour de mon JSON clés, à moins que la clé elle-même est un mot réservé comme "classe" ou de quelque chose. Je suppose que de mettre des guillemets autour de tout ce qui est une façon de garantir que vous n'aurez jamais ce problème, mais je préfère la façon dont elle regarde sans les guillemets.
    Plus d'infos sur ce sujet: stackoverflow.com/questions/2348867/...
    Voir aussi la section "Création d'Éléments Nouveaux" dans le jQuery docs ici: api.jquery.com/jQuery
    Ce n'est pas JSON c'est juste un objet JavaScript.

    OriginalL'auteur Greg W

  2. 9

    J'ai adapté Greg W du code à un droit de la fonction que vous pouvez appeler dans votre code:

    function postIt(url, data){

    $('body').append($('<form/>', {
      id: 'jQueryPostItForm',
      method: 'POST',
      action: url
    }));

    for(var i in data){
      $('#jQueryPostItForm').append($('<input/>', {
        type: 'hidden',
        name: i,
        value: data[i]
      }));
    }

    $('#jQueryPostItForm').submit();
}
    Vous devez supprimer la ligne de l'événement.preventDefault();
    Fait, merci lulhuh.

    OriginalL'auteur crizCraig

  3. 0

    Si vous avez de délivrer un message de demande, puis la forme invisible est l'une de vos meilleures options.

    Si vous l'application fonctionnera avec une requête GET, je voudrais encoder les données dans la chaîne de requête et faire un.

    document.location.href =

    Vous pouvez utiliser jQuery.serialize pour générer la chaîne de requête.

    OriginalL'auteur mikerobi

  4. 0

    Je suppose que la réponse est il n'y a pas directement. Pour une fonction qui ajoute cette fonctionnalité, voir Greg W réponse.

    OriginalL'auteur olamundo

  5. -2

    html:

    <form id="myform" method="get" acction="page2">
   <!-- data -->
</form>

    js:

    $('#myform').bind('submit', function(ev) {

  ev.stopPropagation();

  var ok = true;
  //manipulate html and 'ok'

  return ok;   //if ok == false, don't execute post


});

    OriginalL'auteur andres descalzo