使用特定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完全加载并运行。如果您需要通过Internet连接传递唯一的div，则需要实现服务器端逻辑。