jquery - jQuery 的 $.load() 方法是否有更有效的替代方法？

Question

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

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

这很好用，但据我了解，.load()上面使用的方法实际上完全返回mywebpage.html，只是为了获取名为 div 的内容#report。

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

jQuery 是否能够在仅包含静态 html 的网站上执行此操作？

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

jQuery 是否能够在仅包含静态 html 的网站上执行此操作？

不

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

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