title: XMLHttpRequest POST formData to a new tab
body: <p>Since, <code>loadOneTab()</code> is not available for <code>formData</code>,  </p>
  
  <ol>
  <li>How can <code>formData</code> be posted to a new tab?   </li>
  <li>How can the above new tab foreground/background status be set?</li>
  </ol>
  
  <p>Just a smaple example from <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Using_FormData_Objects" rel="nofollow">Using FormData Objects</a>:</p>
  
  <pre><code>var formData = new FormData();
  
  formData.append("username", "Groucho");
  formData.append("accountnum", 123456); // number 123456 is immediately converted to string "123456"
  
  // HTML file input user's choice...
  formData.append("userfile", fileInputElement.files[0]);
  
  // JavaScript file-like object...
  var content = '&lt;a id="a"&gt;&lt;b id="b"&gt;hey!&lt;/b&gt;&lt;/a&gt;'; // the body of the new file...
  var blob = new Blob([content], { type: "text/xml"});
  
  formData.append("webmasterfile", blob);
  
  var request = new XMLHttpRequest();
  request.open("POST", "http://foo.com/submitform.php");
  request.send(formData);
  </code></pre>
  
  <p><strong>Clarification:</strong><br>
  Normal HTML form with a <code>target="_blank"</code> will POST the form data to a new tab.<br>
  Similarly, as mentioned, <code>loadOneTab()</code> can also POST data to a new tab.<br>
  Is it possible to do so with XMLHttpRequest?</p>