javascript - 如何从这个 JSON Javascript 打印数据？

Question

我有 json 代码，我想将它们打印到 html 页面。

{"offset":0,
"results":[
  {"link_1/_text":"Reflection",
   "text_1":"January 30, 2015",
   "link_3":"http://pmj.astaga.com/article/?p=414",
   "link_1":"http://pmj.astaga.com/article/?cat=67",
   "link_3/_text":"Meditasi: Makna Rasa Sakit",
   "text_list_1":["kebahagiaan","meditasi","Meditasi: Makna Rasa Sakit |Matchmatter.com","on pain kahlil gibran","puisi kahlil gibran"],
   "image_1":"http://pmj.astaga.com/article/wp-content/uploads/2015/01/Inspirational-Quotes-Image-Khalil-Gibran.jpg",
   "title_text":"Meditasi: Makna Rasa Sakit",
   "text_2":"Semua manusia yang hidup di dunia ini ingin merasakan kebahagiaan, dalam bentuk apapun."
  },
  {"link_1/_text":"Love and Sex",
   "text_1":"January 26, 2015",
   "link_3":"http://pmj.astaga.com/article/?p=411",
   "link_1":"http://pmj.astaga.com/article/?cat=64",
   "link_2":"http://pmj.astaga.com/article/?cat=65",
   "link_3/_text":"Take and Give",
   "text_list_1":["memberi dan menerima","men","Take and Give","Women"],
   "image_1":"http://pmj.astaga.com/article/wp-content/uploads/2015/01/article-2289562-187F97F8000005DC-947_634x482.jpg",
   "title_text":"Take and Give",
   "text_2":"Untuk beberapa alasan yang sulit dimengerti, alam telah membagi pria dan wanita dalam sebuah perbedaan sikap dalam memandang sebuah hal.",
   "link_2/_text":"Men"
  },
  {"link_1/_text":"Women",
   "text_1":"January 23, 2015",
   "link_3":"http://pmj.astaga.com/article/?p=404",
   "link_1":"http://pmj.astaga.com/article/?cat=71",
   "link_3/_text":"10 Saran Bagi Wanita Untuk Menyatakan Cinta Lebih Dulu",
   "text_list_1":["10 saran jika ingin menyatakan cinta","menyatakan cinta",
   "menyatakan cinta kepada pria","menyatakan cinta lebih dulu",
   "Mungkinkah Seorang Wanita Menyatakan Cintanya Lebih Dulu?|Matchmatter.com","wanita"],
   "image_1":"http://pmj.astaga.com/article/wp-content/uploads/2015/01/secret-admirer.jpg",
   "title_text":"10 Saran Bagi Wanita Untuk Menyatakan Cinta Lebih Dulu",
   "text_2":"Apakah anda pernah menyukai seorang pria, dan dilihat dari gelagatnya sepertinya dia juga menyukai anda?"
  }
 ],
  "cookies":[],
  "connectorVersionGuid":"ed0ce142-861e-4d2e-bacd-3dd1de491a69",
  "connectorGuid":"d6d21746-2d8f-4980-b1ec-8e1a5d52b133",
  "pageUrl":"http://pmj.astaga.com/article/?page_id=709"
 }

但问题是，我有多个字符串来调用数据，例如

"link_1/_text":"Reflection"

如果我使用此代码，我将得到只有 URL，而不是标题或内容

<script>
  var data = '$json_data';
  $(data.results).each(function() { 
    var output = "<p>" + this.link_1 + "</p>";
    $('#placeholder').append(output);
  });
</script>

重点是，如何打印Reflection的结果 你能帮我获取这段代码吗？

谢谢

Answer 1

使用您的语法，您可以使用 jquery 或 javascript 来迭代 JSON。

var data = {---YOUR JSON...};

使用 JQuery

$(data.results).each(function () {
    var output = "<div class='container'>";
    output += "<p>" + this.title_text + "</p>";
    output += "<p>" + this.text_1 + "</p>";
    output += "<p>" + this.link_1 + "</p>";
    output += "</div>";
    $('#placeholder1').append(output);
});

使用 JavaScript

var d=document.getElementById("placeholder2");
var output="";
for (var i in data.results) {
    output += "<div class='container'>";
    for (var prop in data.results[i]) {
        output += "<p>" + prop + " : " + data.results[i][prop] + "</p>";
    }
    output += "</div>";
}
d.innerHTML=output;

Here the JSFiddle example