如何使用post方法使用XMLHttpRequest将多个变量发送到php文件？

Question

我想将多个变量发送到一个XMLHttpReqyest中的php文件，我可以发送1但我无法确定如何发送超过1个。

例如，如果我有：

HTML：

<form method="POST">
    <input type="text" id="firstVal"/>
    <input type="text" id="secondVal"/>
    <input type="submit" id='send'/>
</form>

JS：

var val1 = documennt.getElementById('firstVal');
var val2 = documennt.getElementById('secondVal');
var sendData = documennt.getElementById('send');

function checkData(){
    var xhr = new XMLHttpRequest();
    xhr.open("POST" , 'file.php' , true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.onreadystatechange  = function(){   
        if(xhr.readyState == 4 && xhr.status == 200){
            console.log(xhr.responseText);
        }
    }
    xhr.send();
}

sendData.addEventListener('click' , checkData);

如何将这些变量发送到file.php？