发送和处理FormData

Question

我一直在努力寻找以下代码，但没有成功。在我的html中，我有几个输入（type = text，type = date和selects），还有一个调用js函数的按钮：onclick=SendNewData()。

JS函数类似于以下内容：

function SendNewData() {
     var MyData1=document.getElementById("id1").value;
     var MyData2=document.getElementById("id2").value;
     var MyData3=document.getElementById("id3").value;

    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    } else {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }   
    xhr.open('POST', 'Handler.php', true);

    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status==200) {
            document.getElementById("FormNuevaCom").innerHTML = xmlhttp.responseText;   
        }
    }

    var data = new FormData;
    data.append('DATA1', MyData1);
    data.append('DATA2', MyData2);
    data.append('DATA3', MyData3);

    xhr.send(data);     
}

和Handler.php类似于以下内容：

if(isset($_POST['DATA1'])) {
    $MyVar=$_POST['DATA1'];
    echo "Hi there! ".$MyVar." received...";

}

我没有任何回应。任何人都可以发现问题吗？