你能"nest " HTML 内容的 JQuery 加载吗？

Question

是否可以使用JQuery.load((从多个HTML文件中"嵌套"内容？我希望能够将所有HTML内容都放在顶级"；内容"；div.
我的代码示例如下：

load.js-"；第一层"；装入"；内容"；div

$(function () {
$('#content').load('/first.html #firstLayer', true)
$('#firstLayerContent').load('/second.html #secondLayer', true)
})

first.html

<div id="firstLayer">
<div id="firstLayerContent"></div>
</div>

second.html

<div id="secondLayer">
<p style="font-size: 100px;">Hello world</p>
</div>

Answer 1

是的，您可以**。您只需要确保第二个load()调用在第一个调用之后执行，这样#firstLayerContent元素就可以保证在您尝试将内容放入其中时存在

jQuery($ => {
$('#content').load('/first.html #firstLayer', () => {
$('#firstLayerContent').load('/second.html #secondLayer');
});
})

**但是要非常小心这种模式，因为对部分数据进行大量小请求很容易导致服务器资源的消耗。在几乎所有情况下，发出单个更大的请求会更具性能，该请求从服务器检索所有所需的数据并在客户端上进行处理。