JavaScript xhr GET方法不将表单数据发送到php

Question

我有一个被描述为标题的问题。

<form id="mloginform">
  Manager ID: <input type="text" name="mid" id="mid" > </label>  
  <br/> 
  Password: <input type="text" name="mpwd" id="mpwd"> </label> 
  <br/>
  <input type="submit" name="mlogin" value="login" id="mlogin"/>
</form>

以上是我的简单形式。

var xhr = createRequest(); // this is in another js.
function checklogin(mid, mpwd) {
    var mid = document.getElementById("mid").value;
    var mpwd = document.getElementById("mpwd").value;
    var moutput = document.getElementById("moutput");

    alert(encodeURIComponent(mid));
    alert(encodeURIComponent(mpwd));

    moutput.innerHTML = "";
    xhr.open("GET", "mlogin.php?mid=" + encodeURIComponent(mid) + "&mpwd=" + encodeURIComponent(mpwd) + "&value=" + Number(new Date), true);
    xhr.send(null);
}

以上是xhr代码。两个警报确实显示了输入值。但是xhr.open无法将数据发送到php文件（只有页面刷新，没有别的）;我很确定问题位于xhr.open，因为如果我使用下面的表格，php工作正常。

<form action="mlogin.php" method="get" id="mloginform">
  Manager ID: <input type="text" name="mid" id="mid" > </label>  
  <br/> 
  Password: <input type="text" name="mpwd" id="mpwd"> </label> 
  <br/>
  <input type="submit" name="mlogin" value="login" id="mlogin"/>
</form>