Window.open and pass parameters by post method

by

Instead of writing a form into the new window (which is tricky to get correct, with encoding of values in the HTML code), just open an empty window and post a form to it.

Example:

<form id="TheForm" method="post" action="test.asp" target="TheWindow">
<input type="hidden" name="something" value="something" />
<input type="hidden" name="more" value="something" />
<input type="hidden" name="other" value="something" />
</form>

<script type="text/javascript">
window.open('', 'TheWindow');
document.getElementById('TheForm').submit();
</script>

Edit:

To set the values in the form dynamically, you can do like this:

function openWindowWithPost(something, additional, misc) {
  var f = document.getElementById('TheForm');
  f.something.value = something;
  f.more.value = additional;
  f.other.value = misc;
  window.open('', 'TheWindow');
  f.submit();
}

To post the form you call the function with the values, like openWindowWithPost('a','b','c');.

Note: I varied the parameter names in relation to the form names to show that they don’t have to be the same. Usually you would keep them similar to each other to make it simpler to track the values.

More Related Contents:

  1. Explain what the function does [closed]
  2. How do I find what is common between 2 lists? [duplicate]
  3. Calculate Javascript pixel widths for list of elements
  4. Most efficient method to groupby on an array of objects
  5. How do I access previous promise results in a .then() chain?
  6. How to force JS to do math instead of putting two strings together [duplicate]
  7. change type of input field with jQuery
  8. How to customize object equality for JavaScript Set
  9. Sorting a JavaScript object by property name
  10. Using an HTML button to call a JavaScript function
  11. react router v6 navigate outside of components
  12. JS : Convert Array of Strings to Array of Objects
  13. Why am I getting a ReferenceError: AbortController is not defined in Discord.js v13?
  14. $ Variable (Dollar Sign) in Chrome?
  15. Show virtual keyboard on mobile phones in javascript
  16. Set active tab style with AngularJS
  17. Run JavaScript in Visual Studio Code
  18. What’s the yield keyword in JavaScript?
  19. How to handle “Unchecked runtime.lastError: The message port closed before a response was received”?
  20. Download Blob file from Website inside Android WebViewClient
  21. Ellipsis in the middle of a text (Mac style)
  22. How to open maximized window with Javascript?
  23. If Browser is Internet Explorer: run an alternative script instead
  24. Not possible to set Filter value using data binding?
  25. jQuery position DIV fixed at top on scroll
  26. nodejs multiple http requests in loop
  27. Usage of Hash(#) in URL
  28. require is not defined error with browserify
  29. Select a printer and silently print
  30. Emulate clicking a link with Javascript that works with IE

Leave a Comment