XMLHttpRequest Post Data not being sent

Question

This is the javascript:

function eAC(emailData) {
    if (window.XMLHttpRequest) {
        httpRequest = new XMLHttpRequest();
    }

    if (!httpRequest) {         


        

Answer 1

Your problem is that with FormData the request is sent as multipart/form-data not application/x-www-form-urlencoded. Remove the line where you set the content type. The correct content type will be set automatically when you pass a FormData object to XMLHttpRequest.send.

Answer 2

try this (EDITED)

fd='email='+emailData;

full code:

function eAC(emailData) {
    if (window.XMLHttpRequest) {
        httpRequest = new XMLHttpRequest();
    }

    if (!httpRequest) {
        return false;
    }

    console.log(emailData);

//    var fd = new FormData();
//    fd.append("email", emailData);
      fd='email='+emailData;

    httpRequest.onreadystatechange = eAC_callback; 
    httpRequest.open('POST', "http://website.com/file.php");
    httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    httpRequest.send(fd);
}

function eAC_callback() {
    if (httpRequest.readyState === 4) {
        if (httpRequest.status === 200) {
            var response = JSON.parse(httpRequest.responseText);
                console.log(response);
        } else {
            return false;
        }
    }
};