JS - 如何在尚未创建的 HTML 页面中搜索？（动态 HTML）答案

【问题标题】：JS - How to search in an HTML page that hasn`t been created yet? (Dynamic HTML)JS - 如何在尚未创建的 HTML 页面中搜索？（动态 HTML）
【发布时间】：2017-08-22 07:52:13
【问题描述】：

我的项目文件夹中有一个 JSON 文件，其中包含指向 html 页面的链接，用户单击按钮后，我在浏览器中动态创建 HTML 内容。但是，我尝试在所有这些动态页面中做一个搜索引擎，但想不出办法，因为页面还没有显示出来。

有什么方法可以在我的项目文件夹中获取 HTML 页面的 innerHTML，并将其添加到搜索引擎数组中？

非常感谢，干杯

编辑：忘了提到这是一个网络应用程序，用户导航到他需要的最终文档（每个进程都有子进程和孙子进程），所以我有很多内容，这就是我使用 JSON 并动态创建内容而不是编写每个 html 页面的原因......（我大概有大约 200 页）

【问题讨论】：

您如何存储页面？使用客户端 JavaScript 通常无法做到这一点。
我将它存储在服务器上，问题是我有很多内容，我尽量避免用 html 编写每一页，我正在构建一个 Web 应用程序，其中包含进程和子进程和子子流程等等。最后，我想通过在最终文档中创建一个搜索引擎来简化导航。
但是怎么做呢？你使用 Node.js 吗？否则，仅使用 JavaScript 是不可能的。
我不小心按了回车键，在我完成之前它发表了我的评论，请阅读编辑后的评论
恐怕你不明白。我通过从 JSON 文件中获取内容来创建动态 html 页面，该文件包含指向我的项目文件夹中的 html 页面的链接。我的问题是 - 有没有办法在我的项目文件夹中获取这些页面的 innerHTML 而不会在浏览器上显示（我的意思是内容尚未创建，因为只有当用户单击按钮时才会创建内容)。

标签： javascript html dynamic full-text-search dynamic-html

【解决方案1】：

您可以使用XMLHttpRequest 获取 html。但是，如果您有很多文件或很多内容，那将是太多的请求。我会在服务器端使用 nodejs 或 php 或其他一些服务器端语言。

【讨论】：

我正在创建此 Web 应用程序的公司，无法授予对具有 sql 数据库的 PHP 服务器的访问权限，它是一个封闭的 Web。仅支持 HTML。
好吧，如果你必须做一个搜索功能 XMLHttpRequest 真的是唯一的选择。它可以让你抓取 html，然后做任何你想做的事情。但正如我所说，这将是很多请求。如果这应该在互联网上进行或预期会有很多用户，我不会这样做。
感谢您的回答，但我仍在寻找是否有其他方法可以在不使用服务器请求的情况下实现。
由于内容驻留在服务器上，如果没有服务器请求，这是不可能的。仅当您将所有内容都包含在一个巨大的 html 文件中时。
我实际上阅读了有关 XMLHttpRequests 的更多信息，并设法使用 AJAX 来做到这一点。