After submitting a POST form open a new window showing the result

javascript html post
John picture John · Oct 7, 2008 · Viewed 281.9k times · Source

JavaScript post request like a form submit shows you how to submit a form that you create via POST in JavaScript. Below is my modified code.

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

What I would like to do is open the results in a new window. I am currently using something like this to open a page in a new window:

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

Answer

liggett78 picture liggett78 · Oct 7, 2008

Add 

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

or

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

to your form's definition.

Related questions

How to set a Header field on POST a form?

How can I set a custom field in POST header on submit a form?

Read More
Compressing base64 data uri images

Problem I'm creating multiple charts that are then sent to the server to create a PDF. This data can get large. Question What is the best way to compress and send the image data to the server Background The charts …

Read More
Non-ajax post using Dropzone.js

I'm wondering if there's any way to make Dropzone.js (http://dropzonejs.com) work with a standard browser POST instead of AJAX. Some way to inject the inputs type=file in the DOM right before submit maybe?

Read More