如何使用 AJAX 向服务器发送数据？

Question

我们知道如何使用 ajax 的 GET 方法从服务器获取数据，但是我们也可以使用 ajax 将数据发送到服务器吗？ 如果是这样，我们该怎么做？

另外，你能展示如何在没有 jquery 的情况下做到这一点吗？

Answer 1

var xhr = null;
if (typeof XMLHttpRequest != "undefined") {
  xhr = new XMLHttpRequest();
} else if (ActiveXObject) {
  var aVersions = [
    "Msxml2.XMLHttp.5.0", 
    "Msxml2.XMLHttp.4.0",
    "Msxml2.XMLHttp.3.0", 
    "Msxml2.XMLHttp", 
    "Microsoft.XMLHttp"
  ];
  for (var i = 0; i < aVersions.length; i++) {
    try {
      xhr = new ActiveXObject(aVersions[i]);
      break;
    } catch (error) {
      console.log(error);
    }
  }
}
if(xhr) {
  xhr.open('POST', 'your server url', true);
  xhr.onreadystatechange = () => {
    if (xhr.readyState === 4) {
      if(xhr.status === 200) {
        console.log(xhr.responseText);
      }
    }
  }
  xhr.send();
} else {
  console.log('cannot create xhr!');
}