使用特定 DIV 进行 AJAX 重新加载

Question

我无法找到以下问题的答案。我已成功使用 AJAX（通过 document.getElementById）重新加载页面（页面 A）的特定部分。我想知道是否有办法选择文档的哪一部分（页面 B）将用于重新加载页面 A 的内容。换句话说，从第二页（同一域）中选择一个特定的 DIV 并使用它刷新我的页面内容。我在其他线程中看到，不可能对来自同一域的页面执行此操作。但就我而言，我将使用来自同一域的页面。有什么想法吗？ 谢谢。

Answer 1

如果您已加载页面 A 并且您的脚本在那里运行，那么这将执行以下操作：

var ifr = document.createElement('iframe');
ifr.src = 'page B URL';
ifr.style.position = 'absolute';
ifr.style.left = '-1000px';
ifr.onload = function() {
  document.getElementById('page A div id').innerHTML =
    ifr.contentDocument.getElementById('page B div id');
}
document.getElementsByTagName('body')[0].appendChild(ifr);

注意：页面 B 已完全加载并运行。如果您需要唯一的div通过Internet连接传递，则需要实现服务器端逻辑。