jQuery - Reindirizzamento con dati post

Question

Come posso reindirizzare con i dati del post?

Come passare a nuova pagina con $_POST?

Come fare questo? Come si fa e whyfore sarà fatto

Answer 1

C'è un plug-in JQuery che realizza praticamente quello che stai cercando di fare: https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js.

Dopo compresi JQuery e le jquery.redirect.min.js plug-in, si può semplicemente fare qualcosa di simile:

$().redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'}); 

Spero che questo aiuti!

Answer 2

Perché non basta creare una forma con alcuni ingressi nascosti e inviarlo utilizzando jQuery? Dovrebbe funzionare :)

Answer 3

perché non basta utilizzare un pulsante, invece di presentare. facendo clic sul pulsante ti consente di creare un URL corretto per il tuo browser a cui reindirizzare.

$("#button").click(function() { 
    var url = 'site.com/process.php?'; 
    $('form input').each(function() { 
     url += 'key=' + $(this).val() + "&"; 
    }); 
    // handle removal of last &. 

    window.location.replace(url); 
}); 

Answer 4

Questo ha bisogno di chiarimenti. Il tuo server gestisce un POST che vuoi reindirizzare da qualche altra parte? O vuoi reindirizzare una richiesta GET regulatr ad un'altra pagina che si aspetta un POST?

In entrambi i casi ciò che si può fare è qualcosa di simile:

var f = $('<form>'); 
$('<input>').attr('name', '...').attr('value', '...'); 
//after all fields are added 
f.submit(); 

E 'probabilmente una buona idea per fare un link che dice "clicca qui se non reindirizzati automaticamente" a che fare con il blocco dei pop-up.

Answer 5

Ho incluso il jquery.redirect.min.js plugin nella sezione head insieme a questa soluzione JSON per inviare i dati

<script type="text/javascript">  
    $(function() { 
    $('form').on('submit', function(e) { 
     $.ajax({ 
     type: 'post', 
     url: 'your_POST_URL', 
     data: $('form').serialize(), 
     success: function() { 
     // now redirect 
     $().redirect('your_POST_URL', { 
      'input1': $("value1").val(), 
      'input2': $("value2").val(), 
     'input3': $("value3").val() 
     }); 
     } 
    }); 
    e.preventDefault(); 
}); 
}); 
</script> 

Poi subito dopo il modulo ho aggiunto

$(function(){ 
    $('#your_form_Id').submit(); 
    }); 

Answer 6

Ecco una semplice piccola funzione che può essere applicata ovunque finché si utilizza jQuery.

var redirect = 'http://www.website.com/page?id=23231'; 
$.redirectPost(redirect, {x: 'example', y: 'abc'}); 

// jquery extend function 
$.extend(
{ 
    redirectPost: function(location, args) 
    { 
     var form = ''; 
     $.each(args, function(key, value) { 
      form += '<input type="hidden" name="'+key+'" value="'+value+'">'; 
     }); 
     $('<form action="'+location+'" method="POST">'+form+'</form>').appendTo('body').submit(); 
    } 
}); 

Per i commenti, ho ampliato sulla mia risposta:

// jquery extend function 
$.extend(
{ 
    redirectPost: function(location, args) 
    { 
     var form = $('<form></form>'); 
     form.attr("method", "post"); 
     form.attr("action", location); 

     $.each(args, function(key, value) { 
      var field = $('<input></input>'); 

      field.attr("type", "hidden"); 
      field.attr("name", key); 
      field.attr("value", value); 

      form.append(field); 
     }); 
     $(form).appendTo('body').submit(); 
    } 
}); 

Answer 7

Construct e compilare un action = "http://example.com/vote" forma di metodo nascosto = POST e inviare esso, piuttosto che usare window.location affatto.

o

$('#inset_form').html(
    '<form action="url" name="form" method="post" style="display:none;"> 
    <input type="text" name="name" value="' + value + '" /></form>'); 
document.forms['form'].submit(); 

Answer 8

Prima del documento/finestra pronto add "estendere" per jQuery:

$.extend(
{ 
    redirectPost: function(location, args) 
    { 
     var form = ''; 
     $.each(args, function(key, value) { 

      form += '<input type="hidden" name="'+value.name+'" value="'+value.value+'">'; 
      form += '<input type="hidden" name="'+key+'" value="'+value.value+'">'; 
     }); 
     $('<form action="'+location+'" method="POST">'+form+'</form>').submit(); 
    } 
}); 

Usa: i file non posso pubblicare questo metodo:

$.redirectPost("someurl.com", $("#SomeForm").serializeArray()); 

Nota.

Answer 9

Penso che questo sia il modo migliore per farlo!

<html> 
<body onload="document.getElementById('redirectForm').submit()"> 
<form id='redirectForm' method='POST' action='/done.html'> 
<input type='hidden' name='status' value='complete'/> 
<input type='hidden' name='id' value='0u812'/> 
<input type='submit' value='Please Click Here To Continue'/> 
</form> 
</body> 
</html> 

Questo sarà quasi istantaneo e l'utente non vedrà nulla!

Answer 10

Simile alla risposta di cui sopra, ma scritta in modo diverso.