我有一个 html 表单，可以过滤 div 中的结果列表。
我想要的是只重新加载 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();
});
当前 XMLHttpRequest 实现的问题在于，您正在发出 POST 请求，但实际上并未发送表单数据。这意味着您的服务器不知道您正在应用哪些过滤器，因此它只是返回默认结果，而不是经过过滤的结果。