解析 HTML 注释中的键值 json

parse key value json inside html comment

本文关键字:键值 json HTML 注释 解析      更新时间:2023-09-26

我有一个带有单行javascript注释的html页面,如下所示:

// {"key1":"value1"}, {"key2":"value2"}, {"key3":"value3"} 
<b> Sample Text </b>

我想检索注释中的所有键值对并将它们放在 javascript 映射中。我将如何使用js/jquery解析它?我在正则表达式方面很糟糕,所以任何帮助将不胜感激。如果有帮助,注释将始终只是 html 中的第一行。

编辑:

如果它使工作更容易,我也可以与 -

/* {"key1":"value1"}, {"key2":"value2"}, {"key3":"value3"} */ 
<b> Sample Text </b>

与其将javascript写到HTML的顶部,不如将其写在脚本元素中,如下所示:

<!-- HTML -->
<head>
<script type="text/javascript">
var x = { "key1": "value1", "key2": "value2", "key3": "value3" } ;
</script>
</head>
<!-- REST OF HTML -->

你应该像任何其他javascript对象一样访问x。

你可以使用 jQuery 函数 parseJSON

喜欢:

var obj = jQuery.parseJSON('{"name":"John"}');
alert( obj.name === "John" );

然后,您可以将该值写入您的 HTML

{"('w+?)":"('w+?)"}

这将抓住你的钥匙和价值。键位于组 1 中,值位于组 2 中。

对于Javascript,raynjamin指出你需要/g修饰符来匹配键值对的所有实例。

在这里玩正则表达式。