如何将 HTML 中显示的 JSON 数据推送到最终的 jsonString

Question

SCREENSHOT在我的 index.html 中，我在 5 个 div 中显示了一些 JSON 数据（JSON 格式的数据）：

<div id="InformationJson" class="messages-container1">{}</div>
<div id="DataJson" class="messages-container2">{}</div>
<div id="RulesJson" class="messages-container3">{}</div>
<div id="WorkitemsJson" class="messages-container4">{}</div>
<div id="LanguageJson" class="messages-container5">{}</div>

在我的 JavaScript 代码的单独函数中，我想将这 5 个 div 中的所有 JSON 数据推送到名为 jsonString 的 var 中，这将是一个最终数组。

这将是我的 jsonString 实现：

var jsonString = [push1,push2, push3, push4, push5];

我如何将它们整合在一起？

Answer 1

那些 div 的内容对您来说可能看起来像 JSON，但对计算机来说，它们只是字符串，将被这样处理。

将它们收集到更大的 JSON 格式字符串中的最直接方法是通过 JSON.parse(), insert those objects into a containing object, then convert the whole thing into a string via JSON.stringify().

将字符串转换为 Javascript 对象

扩展你的意图，你可能有类似的东西：

var jsonString = JSON.stringify([
  JSON.parse(push1),
  JSON.parse(push2),
  JSON.parse(push3),
  JSON.parse(push4),
  JSON.parse(push5)
]);

要回答有关如何提取 div 内容的附加问题，它可能是这样的：

var push1 = document.getElementById('InformationJson').textContent;

如何将 HTML 中显示的 JSON 数据推送到最终的 jsonString

How to push my JSON data that are displayed in HTML into a final jsonString

javascript

jquery

json

push