Как отправить данные на сервер, используя AJAX?

Question

Мы знаем, как получить данные с сервера, используя метод GET ajax, но можем ли мы также отправлять данные на сервер, используя 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!');
}