Javascript Post on Formulaire Envoyer une nouvelle fenêtre

Question

https://stackoverflow.com/questions/133925/javascript-post-request-like-a-form-submit vous montre comment soumettre un formulaire que vous créez via JavaScript par courrier. Voici mon code modifié.

var form = document.createElement("form"); 
form.setAttribute("method", "post"); 
form.setAttribute("action", "test.jsp"); 

var hiddenField = document.createElement("input");  
hiddenField.setAttribute("name", "id"); 
hiddenField.setAttribute("value", "bob"); 
form.appendChild(hiddenField); 
document.body.appendChild(form); // Not entirely sure if this is necessary   
form.submit(); 

Ce que je voudrais faire est d'ouvrir les résultats dans une nouvelle fenêtre. Je currentley utilise quelque chose comme ça pour ouvrir une page dans une nouvelle fenêtre:

onclick=window.open(test.html,'','scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no'); 

Answer 1

Ajouter

<form target="_blank" ...></form> 

ou

form.setAttribute("target", "_blank"); 

à la définition de votre formulaire.

Answer 2

Si vous voulez créer et soumettre votre formulaire de Javascript comme il est dans votre question et vous voulez créer la fenêtre pop-up avec des fonctionnalités personnalisées que je propose cette solution (je mets des commentaires au-dessus des lignes i ajoutée):

var form = document.createElement("form"); 
form.setAttribute("method", "post"); 
form.setAttribute("action", "test.jsp"); 

// setting form target to a window named 'formresult' 
form.setAttribute("target", "formresult"); 

var hiddenField = document.createElement("input");    
hiddenField.setAttribute("name", "id"); 
hiddenField.setAttribute("value", "bob"); 
form.appendChild(hiddenField); 
document.body.appendChild(form); 

// creating the 'formresult' window with custom features prior to submitting the form 
window.open('test.html', 'formresult', 'scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no'); 

form.submit(); 

Answer 3

Je sais cette méthode de base:

1)

<input type=”image” src=”submit.png”> (in any place) 

2)

<form name=”print”> 
<input type=”hidden” name=”a” value=”<?= $a ?>”> 
<input type=”hidden” name=”b” value=”<?= $b ?>”> 
<input type=”hidden” name=”c” value=”<?= $c ?>”> 
</form> 

3)

<script> 
$(‘#submit’).click(function(){ 
    open(”,”results”); 
    with(document.print) 
    { 
     method = “POST”; 
     action = “results.php”; 
     target = “results”; 
     submit(); 
    } 
}); 
</script> 

Works!

Answer 4

var urlAction = 'whatever.php'; 
var data = {param1:'value1'}; 

var $form = $('<form target="_blank" method="POST" action="' + urlAction + '">'); 
$.each(data, function(k,v){ 
    $form.append('<input type="hidden" name="' + k + '" value="' + v + '">'); 
}); 
$form.submit(); 

Answer 5

solution de travail pour fenêtre Simplest flux (testé à Chrome):

<form action='...' method=post target="result" onsubmit="window.open('','result','width=800,height=400');"> 
    <input name=".."> 
    .... 
</form>