Setelah mengirimkan formulir POST, buka jendela baru yang menunjukkan hasilnya

Permintaan posting JavaScript seperti pengiriman formulir memperlihatkan kepada Anda cara mengirimkan formulir yang Anda buat melalui POST di JavaScript. Di bawah ini adalah kode saya yang dimodifikasi.

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

Yang ingin saya lakukan adalah membuka hasilnya di jendela baru. Saat ini saya menggunakan sesuatu seperti ini untuk membuka halaman di jendela baru:

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

Menambahkan

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

atau

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

ke definisi formulir Anda.

Jika Anda ingin membuat dan mengirimkan formulir dari Javascript seperti pada pertanyaan Anda dan Anda ingin membuat jendela sembulan dengan fitur khusus, saya mengusulkan solusi ini (saya memberi komentar di atas garis yang saya tambahkan):

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

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

Saya tahu metode dasar ini:

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>

Bekerja!

Solusi kerja paling sederhana untuk flow window (diuji di Chrome):

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