Sau khi gửi biểu mẫu POST, mở một cửa sổ mới hiển thị kết quả

Yêu cầu bài đăng JavaScript như gửi biểu mẫu cho bạn biết cách gửi biểu mẫu mà bạn tạo thông qua POST trong JavaScript. Dưới đây là mã sửa đổi của tôi.

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

Những gì tôi muốn làm là mở kết quả trong một cửa sổ mới. Tôi hiện đang sử dụng một cái gì đó như thế này để mở một trang trong một cửa sổ mới:

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

Thêm vào

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

hoặc là

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

theo định nghĩa của mẫu đơn của bạn.

Nếu bạn muốn tạo và gửi biểu mẫu của mình từ Javascript như trong câu hỏi của bạn và bạn muốn tạo cửa sổ bật lên với các tính năng tùy chỉnh, tôi đề xuất giải pháp này (tôi đặt nhận xét bên trên các dòng tôi đã thêm):

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

Tôi biết phương pháp cơ bản này:

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>

Làm!

Giải pháp làm việc đơn giản nhất cho cửa sổ luồng (được thử nghiệm tại Chrome):

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