如何将 JavaScript 动态数据转换为 HTML 并渲染？答案

【问题标题】：How to convert JavaScript dynamic data into HTML and render?如何将 JavaScript 动态数据转换为 HTML 并渲染？
【发布时间】：2021-04-12 14:17:31
【问题描述】：

我们开发了一个网站，它使用 JavaScript 库来查询数据库并在 HTML 页面中显示数据。当您访问该网站时，您需要搜索某些内容以检索数据。所以默认情况下网站不显示任何数据，它需要用户执行操作。
搜索结果数据在 HTML 视图源中不可见，因为它使用 JavaScript。
因此，搜索引擎无法了解我们网站的用途和用于重定向更多访问者的数据。

其次，我想知道搜索机器人/引擎如何抓取具有非静态内容的网站并充分了解该网站以重定向用户。

【问题讨论】：

我在与标题相关的问题中看不到任何内容。请确保添加更多详细信息或更改问题的标题。

标签： javascript web-crawler search-engine search-engine-bots

【解决方案1】：

根据我的研究，爬虫实际上不读取动态内容。相反，他们使用这种称为动态渲染的技术。

动态渲染与服务器本身有关。它会检查每个请求，如果确定它是机器人，那么它将向机器人发送静态 HTML 内容。否则，它将向用户发送正常的动态内容。

此外，谷歌和其他搜索引擎使用meta tags。使用元标记，您可以定义网页的简短描述，该描述通常会显示在搜索结果页面中。

对于标题中的问题，您需要将搜索信息发送到服务器。从那里，您将处理数据服务器端并将结果发送回客户端，JavaScript 将根据结果呈现它。

您应该为此使用AJAX。

资源：

【讨论】：

【解决方案2】：

从我从您的问题中看到的，您需要做的是向您的服务器发送请求以从您的数据库中查询数据并将其实时显示给您的客户端。为此，我建议您使用网络套接字（例如作为 socket.io) 或 AJAX，以便您可以无缝更新您的网站

【讨论】：

请提供更多详细信息，说明它是如何工作的。就像图片是一千个单词一样，一千个感谢的清晰度也是如此。
这要好得多，尽管我不建议为此使用套接字，因为 Web 套接字更适合频繁和简短的请求（例如聊天帖子）。