是否有更有效的替代jQuery的$ .load（）方法？

Question

我的问题是关于使用jQuery的.load()方法。下面的代码将我网站上的页面中的一些内容加载到当前页面中。

$('a').click(function(event){
    $('#result').load("mywebpage.html #report");
    event.preventDefault();
  });

这很有效，但据我了解，上面使用的.load()方法实际上完整地返回了 mywebpage.html ，只是为了获取名为{{的div的内容1}}。

如果mywebpage.html是一个特别大的文件，并且我有一个繁忙的网站，那么我想优化这个调用，以便它只返回#report div的内容。

jQuery是否能够在静态的纯HTML网站上执行此操作？

Answer 1

是的，只需创建一个myreport.html，其中只包含您需要的大型HTML内容并根据需要加载

$('a').click(function(event){
    $('#result').load("myreport.html");
    event.preventDefault();
  });

Answer 2

  

jQuery是否能够在静态的纯HTML网站上执行此操作？

NO

jQuery毕竟是javascript。 .load()方法将基于AJAX。而AJAX只能获取完整的文件。即使它可以获取部分文件，它仍然需要获取完整文件以_find出div最初的位置。

如果您有权访问服务器，那么<​​em>可以使用执行此操作的XML解析器来创建PHP页面。如果您只想加载该元素，请将其保存在单独的html文件中。否则，没有。