### GET 方式
需求：模拟用户登录，后台代码不用改变。
```
<span id="result"></span>
<form id="loginForm">
<input type="text" id="username" name="username" placeholder="用户名">
<input type="text" id="password" name="password" placeholder="密码">
<input id="login" type="button" value="登录">
</form>
```
```
window.onload = function(){
var loginEle = document.querySelector('#login');
loginEle.onclick = function(){
// 使用 FormData 来处理参数数据
var formData = new FormData(document.querySelector('#loginForm'));
var arr = [];
formData.forEach(function (value, key) {
arr.push(key + '=' + value);
});
var ajax = new XMLHttpRequest()
ajax.open('get', '/login?' + arr.join('&'), true);
ajax.onload = function () {
if(ajax.status == 200) {
document.getElementById('result').innerText = ajax.responseText;
}
}
ajax.send();
}
}
```
注意 表单name的 一定 要和 后台获取name相同
