javascript - jquery load - 获取片段而不解析整个页面

Question

这有点开放，但我已经研究了几个小时了。

我正在使用 jquery 加载大型页面的各个部分，如下所示

$(‘#destination’).load(‘content.html #section-i-want’);

...整个页面加载到客户端，然后显示我们想要的部分。

问题是这个页面很大，一旦通过 Cordova 渲染到 HTML 应用程序中，它就会耗尽内存。

是否有一种方法可以加载文档的一部分，而无需客户端先获取整个页面？我知道这不是特别有意义，但我想我会把它放在那里，以防有人有任何想法。

对此的任何建议将不胜感激!

Answer 1

是的。您可以将内容分成较小的 html 文件以加载到多个部分，然后将它们加载到 load() 的回调中，如下所示:

$('#destination-top').load('content-top.html', function() {
    $('#destination-middle').load('content-middle.html', function() {
        $('#destination-bottom').load('content-bottom.html' );
    });
});

通过将下部部分放入回调函数中，jQuery 在顶部完成之前不会加载中间部分，并且在中间完成之前不会加载底部。

但这不仅真的很难维护，而且形式很糟糕，而且实际上并不能解决你的核心问题:你的内存不足。为此，请理解，再多的延迟加载或其他创造性的解决方案也无法解决这个问题。相反，您需要简单地:加载更少的内容。这才是你真正的问题。

编辑:我排除了#section引用，因为它不仅在语法上是错误的，而且jQuery仍然必须检索相同数量的内容，然后解析它以找到要注入(inject)到DOM中的#section，这可能是可能会消耗相当数量的内存。