### 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相同