javascript - 仅使用 javascript 而不使用 jquery 重新加载 div

Question

使用 jQuery，我可以更新我使用的 div 的内容$.load()。如何在纯 JavaScript 中更新 div？

Answer 1

正如 Julian H. Lam 所建议的：

var req = new XMLHttpRequest();
req.open("POST", "address_for_div_content", true);
req.onreadystatechange = function () {
  if (req.readyState != 4 || req.status != 200) return;
  document.getElementById('id_of_div')=req.responseText;
};

这里是 XMLHttpRequest 的文档

Answer 2

我有无线电输入，想用 html 中的默认检查值重新加载它们；这对我有用：

const content = document.getElementById("myDiv").innerHTML;
document.getElementById("myDiv").innerHTML = content;

Answer 3

纯 JavaScript（不是 JQuery）解决方案：将您的 div 包装在 iframe 中，给它一个 id myFrame，然后像这样从子级刷新它：

parent.document.getElementById("myFrame").reload();