I would suggest creating an invisible form in your HTML like this:

<form id="invisible_form" action="new_window.php" method="post" target="_blank">
  <input id="new_window_parameter_1" name="parameter" type="hidden" value="default">
</form>

..and then submitting it via jQuery:

$('#new_window_parameter_1').val('value');
$('#invisible_form').submit();

If you just want a link that opens a POST-requested page in a new window here are some ideas. However, be aware a POST request can't be bookmarked.

• You can make a button that opens a POST-requested page in a new window.

  <form method="post" action="http://example.com/example.php"
    target="_blank">
  <input type="hidden" name="name1" value="value1">
  <input type="hidden" name="name2" value="value2">
  <input type="submit" value="Open results in a new window"> 
  </form>
  

• If you want it to look like a link, you can make a link with an onClick attribute that submits the form.

  <form name="myform" method="post" action="http://example.com/example.php"
    target="_blank">
  <input type="hidden" name="name1" value="value1">
  <input type="hidden" name="name2" value="value2">
  </form>
  
  <a href="http://example.com/example.php"
    onClick="document.forms['myform'].submit(); return false;">Open results
    in a new window</a>
  

  The onClick part submits the form, which opens the POST-requested page in a new window. The return false prevents the browser from also going to the href address in the current window at the same time. If Javascript is disabled or the link is bookmarked, the href address is used as a fallback, but the resulting page won't receive any POST values. This might be confusing or unfriendly for your users if they bookmark the link.

If you want the link to be bookmarkable, investigate if your page can accept GET parameters. If so, then you can make a bookmarkable link.

 <a href="http://example.com/example.php?name1=value1&name2=value2"
   target="_blank">Open results in a new window</a>

You could define a (possibly hidden) form element, give it the action of the url you want to post to, the method "post", and a target of "_blank", set the json to one of its input fields, the submit the form with jquery using $(form).submit (). You can even use jquery to create and remove the form at runtime.

The target attribute for forms works the same as for hyperlinks.

You can send a form using the target="_blank" attribute.

<form action="datadestination.php" method="POST" target="_blank" id="myform">
  <input type="hidden" name="list" id="list-data"/>
  <input type="submit" value="Submit">
</form>

Then in JS:

jQuery('#list-data').val(list);
jQuery('#myform').submit();

This is more of a comment than an answer, but I haven't got the reputation ;-)

take a look at Javascript Post on Form Submit open a new window

the trick is to put your button in a

<form target="_blank">

Element and then send that form..

You could do your processing of data in the onsubmit Handler

In fact I made a small "library" for this, open in POST a new window :

// Arguments :
//  verb : 'GET'|'POST'
//  target : an optional opening target (a name, or "_blank"), defaults to "_self"
window.io = {
    open: function(verb, url, data, target){
        var form = document.createElement("form");
        form.action = url;
        form.method = verb;
        form.target = target || "_self";
        if (data) {
            for (var key in data) {
                var input = document.createElement("textarea");
                input.name = key;
                input.value = typeof data[key] === "object"
                    ? JSON.stringify(data[key])
                    : data[key];
                form.appendChild(input);
            }
        }
        form.style.display = 'none';
        document.body.appendChild(form);
        form.submit();
        document.body.removeChild(form);
    }
};

Example :

io.open('POST', 'fileServer.jsp', {request: {key:"42", cols:[2, 3, 34]}});

To open in a new window, set the target parameter :

io.open('POST', someURL, someArgs, 'newwin');

or to ensure it's a new window/tab each time :

io.open('POST', someURL, someArgs, '_blank');

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.

I solved my problem using this dynamic form with JavaScript:

pay() {
    var form = document.createElement("form");
    form.target = "view";
    form.method = "POST";
    form.action = "https://sandbox.checkout.payulatam.com/ppp-web-gateway-payu";
    var params = {
      "merchantId": "508029",
      "accountId": "512321",
      "description": "Test PAYU"
    };

    for (var i in params) {
        if (params.hasOwnProperty(i)) {
          var input = document.createElement('input');
          input.type = 'hidden';
          input.name = i;
          input.value = params[i];
          form.appendChild(input);
        }
    }

    document.body.appendChild(form);
    form.submit();
    window.open('', 'view');
    }

This did what i wanted, problem solved!.

The magic trick is using target attribute of form element. You can submit using javascript with below code

<script type="text/javascript">
function openWindowWithPost(url, data) {
    var dataForm = document.createElement("form");
    dataForm.style.display = "none";
    dataForm.target = "TargetWindow";//Make sure the window name is same as this value
    dataForm.method = "POST";
    dataForm.action = url;
    for (var key in data) {
        var postData = document.createElement("input");
        postData.type = "hidden";
        postData.name = key;
        postData.value = data[key];
        dataForm.appendChild(postData);
    }
    document.body.appendChild(dataForm);
    var postWindow = window.open("", "TargetWindow", "status=0,title=0,height=600,width=800,scrollbars=1");
    if (postWindow) {
        dataForm.submit();
    } else {
        alert('You must allow popups for this map to work.');
    }
    //For testing invoking this function
    openWindowWithPost("http://google.com", {q: 'search', from: 'custom'})
}
</script>

Same behavior can be achieved with

<!DOCTYPE html>
<html lang="en">
    <head><meta charset="utf-8" /><title>Test</title></head>
<body>
  <form method="POST" enctype="multipart/form-data" target="TargetWindow" action="http://google.com" onsubmit="openTargetWindowAndSubmit()">
    <input type="file" accept="image/*" />
    <input type="submit" value="Submit"/>
  </form>
  <script type="text/javascript">
  function openTargetWindowAndSubmit() {
    //We are just making sure the target window is available before submiting the form
    window.open("", "TargetWindow", "status=0,title=0,height=600,width=800,scrollbars=1");
  }
  </script>
</body>
</html>

Note: Using simply target='_blank' or target='TargetWindow' opens generally a new tab. This is fine when new tab is OK with you. But when you want to submit in POP UP window, than giving the window width and height is required.

I would probably go for using a form, like so:

<form action="sample.php" method="post" target="_blank">
  <input type="hidden" name="name1" />
  <input type="hidden" name="name2" />
  ...
  <input type="hidden" name="name20" />
  <input type="submit" value="Go to page">
</form>

This is the most cross-browser JS-failsafe basic html version way of achieving this task that I can think of...

If you need to dynamically add form fields to the form, I believe you will find this question: Jquery - Create hidden form element on the fly handy. Copying the modified answer:

$('<input type="hidden" name="myfieldname" value="myvalue">').appendTo('form');