gpt4 book ai didi

javascript - Jquery 解析来自 html 元素的 JSON

转载 作者:行者123 更新时间:2023-12-03 06:00:53 25 4
gpt4 key购买 nike

我正在尝试将来自服务器的一些 JSON 解析为可以在 Javascript 中使用的对象。 JSON 由服务器保存在一个范围内。当我单击操作按钮时,它应该获取 JSON 并将其解析为对象。不幸的是,我有一个异常(exception)。请看代码:

$(function(){
$("#btn").click(function(elem){
var elem = $("#content");
var html = elem.html();
console.log(html);
var x = JSON.parse(html);
console.log(x);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<button id="btn">Action</button>
<br/><br/>
<span id="content">{"test" : "<a href=\"http://cnn.com\">CNN</a> Hello"}</span>
</body>

我也尝试过跨度中的内容不转义“:

<span id="content">{"test" : "<a href="http://cnn.com">CNN</a> Hello"}</span>

知道如何解决吗?

背景注意事项:这在需要接收 json 来初始化模型的 Angular 应用程序中使用。

最佳答案

您可以将 html 传递给 JSON.stringify()

$(function(){
$("#btn").click(function(elem){
var elem = $("#content");
var html = elem.html();
console.log(html);
var x = JSON.parse(JSON.stringify(html));
console.log(x);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<button id="btn">Action</button>
<br/><br/>
<span id="content">{"test" : "<a href=\"http://cnn.com\">CNN</a> Hello"}</span>
</body>

关于javascript - Jquery 解析来自 html 元素的 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39753603/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com