How to pass FormData over XMLHttpRequest using GET method
<p>When Method of the <code>senderform</code> is POST, everything works fine. However, as soon as I change the method to GET, I don't receive anything on the server.</p>

<pre><code>function ajaxSubmit(destinationElement, senderform) {

    var xmlreq = new XMLHttpRequest();
    var params = new FormData(senderform);
    xmlreq.open(senderform.method, senderform.action, true);

    if (/\/content\.php$/.test(senderform.action))
        xmlreq.onreadystatechange = receiveTable;
    else xmlreq.onreadystatechange = receiveText;

    xmlreq.send(params);
}
</code></pre>

<p>I know that I could <a href="http://www.javascriptkit.com/dhtmltutors/ajaxgetpost.shtml" rel="noreferrer">manually append key-value pairs</a> at the end of Action address, but the problem is that I don't know which form is going to be passed with what fields.</p>

<p>I would prefer native javaScript if possible.</p>

<p>How can I send a GET request using XMLHttpRequest with key-value pairs from senderform which points to form Element (the same way as it already works for POST requests)?</p>