а где теги form
div на form поменяй
---
xhr = new XMLHttpRequest();
function getXMLHttp() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
return new ActiveXObject('Microsoft.XMLHTTP');
}
---
если не из формы, то можно так:
function request(href, obj) {
event.preventDefault();
xhr = getXMLHttp();
let formdata = new FormData(obj);
xhr.open('POST', href, true);
xhr.send(obj);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
alert(xhr.response);
}
}
}
передаешь в ф-цию адрес обработчика и объект с данными
событие можно повесить на
onclick например на кнопку
---
с формой можешь вот этот использовать
function sender(form, callback){
let data = new FormData(form);
xhr = getXMLHttp();
xhr.open('POST', form.action, true);
xhr.send(data);
xhr.onreadystatechange = function () {
if(xhr.readyState == 4) {
console.log(xhr.response);
if(callback){
callback(xhr.response);
}
}
};
return false;
};
на событие submit тега формы вешаешь, как-то так
<form method='post' action='...' onsubmit='sender(this); return false;' >
...
</form>
опционально можешь передать вторым параметром callback
