如何使用带有纯JavaScript的AJAX从URL的特定HTML元素加载内容？

问题描述 投票：0回答：1

我只是想替换<main>元素及其firstPage.html的内容...

// ... header of my 1st document ...

<body>
    <main>
        The content of the 1st document...
    </main>
</body>

// ... footer of my 1st document ...

... <main>元素及其secondPage.html的内容...

secondPage.html

// ... header of my 2nd document ...

<body>
    <main>
        The content of the 2nd document...
    </main>
</body>

// ... footer of my 2nd document ...

...使用普通JavaScript的AJAX调用。我该怎么办？

我有几种方法可以将第二个文档完全加载到第一个文档中，但是我找不到在JavaScript中提供任何解决方案来仅将特定HTML元素从另一个URL加载到第一个文档的DOM中。 ：（

javascript ajax dom xmlhttprequest innerhtml
1个回答
0
投票

您可以使用fetch API来获取HTML文本。

然后您使用fetch API将其解析为HTML以获取新的HTML并将其添加到旧的DOMParser。

在这种情况下，我在DOM加载后立即添加了HTML（DOMParser），但是您最终可以将其更改为适合您需要的任何内容：

<main>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.