Javascript Post on Form Submit ouvrir une nouvelle fenêtre

https://stackoverflow.com/questions/133925/javascript-post-request-like-a-form-submit vous montre comment soumettre un formulaire que vous créez via JavaScript via post. Ci-dessous 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 suis currentley en utilisant quelque chose comme ceci 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');
141
demandé sur Community 2008-10-07 19:16:01

5 réponses

ajouter

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

ou

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

à la définition de votre formulaire.

208
répondu liggett78 2008-10-07 15:23:31

si vous voulez créer et soumettre votre formulaire à partir de Javascript tel qu'il est dans votre question et que vous voulez créer une fenêtre popup avec des fonctionnalités personnalisées, je propose cette solution (j'ai mis des commentaires au-dessus des lignes que j'ai ajoutées):

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();
121
répondu Marko Dumic 2015-12-18 07:28:00
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();
6
répondu luchaninov 2012-09-24 20:55:06

je connais 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>

ça marche!

1
répondu Edu Carrega 2015-05-13 14:05:27

la solution de travail la plus simple pour la fenêtre de flux (testé chez Chrome):

<form action='...' method=post target="result" onsubmit="window.open('','result','width=800,height=400');">
    <input name="..">
    ....
</form>
1
répondu GKislin 2018-01-26 14:10:38