javascript - 如何将 div 的文本作为 json 字符串放置?

标签 javascript jquery json

<分区>

我有一个 div,它以 json 格式输出文本:

HTML

<div id="myMap"></div>

JS

$('#myMap').text(JSON.stringify(out[0], null, 2));

这给了我:

{ "name": "Leopardi", "children": [ { "name": "Vita", "children": [ { "name": "Ubriacone" } ] }, { "name": "Poesie", "children": [ { "name": "L'infinito" } ] } ] }

现在我需要将其设置为能够读取它的变量,这就是我正在做的,但我什么也没得到:

var root =  $('#myMap').text();

我试图让输出像这样:

var root = {
 "name": "flare",
 "url": "http://google.com",
 "children": [
   {
     "name": "an...

最佳答案

如果您尝试从 JSON 字符串创建对象,请查找 JSON.parse():

var out = [{
  "name": "Leopardi",
  "children": [{
    "name": "Vita",
    "children": [{
      "name": "Ubriacone"
    }]
  }, {
    "name": "Poesie",
    "children": [{
      "name": "L'infinito"
    }]
  }]
}];

$('#myMap').text(JSON.stringify(out[0], null, 2));

var root = JSON.parse( $('#myMap').text() ); // <-- JSON.parse

console.log('root.name:', root.name);        // <-- can treat 'root' as object
#myMap {
  border: 1px solid;
  padding: .5em;
  font-family: monospace;
  white-space: pre;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

MyMap:
<div id="myMap"></div>

关于javascript - 如何将 div 的文本作为 json 字符串放置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43054200/

相关文章:

jquery - 相对于文本框定位元素

jquery - 如何在 div 的第二个 FB 标签中选择第一个 IFRAME?

python - 从远程数据库获取并存储到本地 Django

javascript - 接收参数并在不做任何修改的情况下返回它的函数

php - 根据下拉选择从数据库中填充另一个选择下拉列表

从 0 开始的 Javascript 关联数组键

javascript - 将 JSON 对象从 Angular 服务传递给指令

javascript - 使用 jQuery 解析 JSON

javascript - CSS 打印内容溢出页脚。如何解决?

javascript - 如何查找与提供的 slug 匹配的某个对象的索引