访问同一服务器

Question

我正在阅读html页面的来源（在同一网站不跨域）并使用div内容显示在另一页上。

我想访问source.html的HTML内容而不实际加载文件。

对我来说，仅使用HTML DOM非常重要。我不想在String var上加载完整的html源并使用REGEX或XML解析它。

其中一种方法是使用框架并将源html文件放在框架上并设置src

parent.window.document.getElementById('sourceFrame').src = "htmlfiles/source.html";

这将在帧上加载源，允许使用

收集div内容

divHTML = parent.window.frames["sourceFrame"].document.getElementById("targetClassname").innerHTML

并使用

在目标网页上显示

document.getElementById("targetClassname").innerHTML = divHTML 

这很好但是，它会加载/显示HTML文件。 0％宽度的框架不能成为解决方案，因为它会加载html文档，它是不可见的。

所以，关于访问source.html的HTML内容而不实际加载文件，有什么想法吗？

Answer 1

您可以使用ajax请求来获取它，然后根据需要使用它

$.ajax("htmlfiles/source.html", {
  success: function(sourceFile){
    // do something with the html file (sourceFile)
  }
});