使用JavaScript将DOM元素中的文本用作JSON对象

Question

我的网页中有一个div，其中包含一些有效的JSON字符串。我使用jQuery中的text()函数获得它的值，如下所示：

$("div.selector").text();

JSON字符串包含一些新的行和制表符。它是完全有效的，并且符合Google Tag Manager Enhanced eCommerce (https://developers.google.com/tag-manager/enhanced-ecommerce)所期望的格式。

我面临的问题是，使用以下代码会阻止注册该事件

dataLayer.push($("div.selector").text());

当在push()中粘贴JSON时，手动注册事件：

dataLayer.push(VALID JSON);

使用

dataLayer.push($("div.selector").text());

在dataLayer中推送一个文本字符串，如下所示

{\n\t\t\"event\": \"someEvent\",\n\t\t\"eventCategory\": \"Order Update\"

如何推送使用text()提取的有效JSON

Answer 1

使用JSON.parse()

例如: dataLayer.push(JSON.parse($("div.selector").text()))；