使用Ajax发送GET请求和POST请求

一）发送GET请求：

var xhr = new XMLHttpRequest();

xhr.open('GET', 'https://api.example.com/data', true);

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};

var data = "param1=value1&param2=value2";
xhr.send(data);

二）发送POST请求：

var xhr = new XMLHttpRequest();

//创建一个空的 FormData 对象，并手动填充数据。
var formData = new FormData();
formData.append('username', 'myUsername');
formData.append('password', 'myPassword');

//或用基于表单元素创建 FormData 对象
let formElement = document.querySelector('form');
let formDataFromForm = new FormData(formElement);

xhr.open('POST', 'https://api.example.com/login', true);

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};

xhr.send(formData);

参考：

1）JavaScript网络请求Ajax

2）js进阶——FormData常用知识点介绍