Используйте xmlhttprequest, чтобы заменить содержимое Div после подачи формы?Javascript

Форум по Javascript
Anonymous
Используйте xmlhttprequest, чтобы заменить содержимое Div после подачи формы?

Сообщение Anonymous »

У меня есть форма HTML, которая фильтрует список результатов в Div. < /p>
, что я хочу, так это то, что только содержимое Div перезагружается вместо всей страницы, и только использование ванильного Javascript.document.querySelector('form[name="filters"]').addEventListener('submit', function (e) {

e.preventDefault();
var xhttp = new XMLHttpRequest();
var action = document.querySelector('form[name="filters"]').getAttribute('action');
var list = document.querySelector('.list');
xhttp.responseType = "document";
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
list.innerHTML = this.response.querySelector('.list').innerHTML;
};
};
xhttp.open("POST", action, true);
xhttp.send();

});


Подробнее здесь: https://stackoverflow.com/questions/794 ... orm-submit

Вернуться в «Javascript»