javascript - 获取存储在 HTML 元素中的 JSON

Question

我使用 PHP 获得的页面上的 HTML 元素中有 JSON

echo "<div id='json'>" . json_encode($response) . "</div>";

我想使用 jQuery 只是将数据记录到控制台(目前)，但我得到的唯一响应是:

Object { }

这是我的 jQuery

jQuery(document).ready(function(){
    var data = jQuery("#json").data();      
    console.log(data);
});

和示例 JSON 数据响应

{
"posts":{
  "attributes":{
     "dfp_post":3,
     "dfp_shortcode":"[dfp_ads id=1383]",
     "wildcard_pos":5,
     "wildcard_shortcode":"[widget id='wp_widget-46']",
     "twitter_id":"@TeamName",
     "twitter_pos":8,
     "facebook_id":"teamname",
     "facebook_pos":5
  },
  "0":{
     "post":{
        "id":3945,
        "pub_date":"2016-05-30 00:00:00",
        "title":"Trio to tour on back of Twickenham win",
        "excerpt":""
     }
  },

Answer 1

您需要使用text() 获取 JSON 内容，然后使用 JSON.parse() 解析它。 data() 方法返回所有 data-* 属性值的对象，而不是文本数据。

jQuery(document).ready(function(){
    var data = JSON.parse(jQuery("#json").text());      
    console.log(data);
});