jquery - invia post in modo sincrono (non ajax)

Question

Ho una pagina (page 1) che accetta richieste di posta, esegue alcune operazioni e visualizza alcuni dati alla fine.

Da un'altra pagina (page 2), desidero reindirizzare a page 1 quando si fa clic su un pulsante, ovviamente inviando tutti i dati rilevanti richiesti da page 1 tramite POST.

Posso, ovviamente, usare il vecchio hack di avere un modulo invisibile sulla pagina, inserendo tutti i dati di cui ho bisogno usando jquery, subito dopo che l'utente ha fatto clic sul pulsante e submit() automaticamente. Ma questo sembra ingombrante: è molto più bello usare la sintassi simile a $.post, piuttosto che iniziare a manipolare l'html. $.post sarebbe perfetto, se fosse effettivamente reindirizzare alla pagina e non effettuare la richiesta in modo asincrono (non posso semplicemente reindirizzare a page 1 dopo che il post ajaxy è stato completato dal page 1 ha bisogno dei dati per visualizzare qualcosa).

C'è un modo per fare ciò che voglio con jquery, o le brutte forme invisibili sono l'unica via d'uscita?

PS

So che ci sono altri modi contorti per raggiungere quello che voglio, per esempio utilizzando $.post e basta piantare HTML del rispondono nella pagina siamo attualmente, ma voglio solo sapere se c'è un semplice modo modo di fare ciò con jquery

Answer 1

Immagino che la risposta sia che non esiste un modo semplice. Per una funzione generale che aggiunge questa capacità, vedere la risposta di Greg W.

Answer 2

Se si deve inviare una richiesta POST, il modulo invisibile è una delle migliori opzioni.

Se l'applicazione funziona con una richiesta GET, vorrei codificare i dati nel querystring e fare a.

document.location.href =

È possibile utilizzare jQuery.serialize per generare la stringa di query.

Answer 3

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 


}); 

Answer 4

questo mi ha dato un'idea per un po 'di funzione di jQuery per imitare il comportamento $ .post come hai descritto. Usa ancora le forme invisibili sullo sfondo, ma la sintassi per essa è relativamente pulita e diretta.

$(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(); 
    }); 
} 

Answer 5

ho adattato il codice di Greg W ad una funzione rettilineo che si può chiamare nel codice:

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(); 
}