微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用JavaScript解析内容?

例如,在网页中,我有一个地方:

<script id="ajaxify-data" type="application/json">
{"key1":123,"key2":333}
</script>

我可以使用javascript来解析它吗? (具体来说,ajaxify-data)

jQuery $(“#ajaxify-data”)在这里不起作用..

编辑:我想抓取的网站实际上比上面给出的简单示例更复杂……

https://discuss.leetcode.com/unread看起来像Web源,虽然包含ajaxify-data标签,但它实际上是以ajax结果呈现数据,而不是将其存储在上面的实际ajax标签中.

这是我在控制台中得到的:

> document.getElementById('ajaxify-data')
null

网页截图:

https://discuss.leetcode.com/ screenshot


解决方法:

只是JSON解析脚本标记的innerHTML.

普通的JavaScript:

var json = JSON.parse(
  document.getElementById('ajaxify-data').innerHTML
);

console.log(json);
console.log(json.key1);
<script id="ajaxify-data" type="application/json">
  { "key1": 123, "key2": 333 }
</script>

或者使用jQuery:

var json = JSON.parse($('#ajaxify-data').html())

console.log(json);
console.log(json.key1);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script id="ajaxify-data" type="application/json">
  { "key1": 123, "key2": 333 }
</script>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐