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"
 }

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

＆＃34; LINK_1 / _text＆＃34;：＆＃34;反射＆＃34;

如果我使用此代码，我将获得只是网址而不是标题或内容

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

重点是，如何打印反射的结果你可以帮我这个代码吗？

三江源

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);
});

使用Javasscript

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

Answer 2

您可以使用Jquery.parseJSON（）。这将为您提供一个js对象，您可以使用它来实现您想要的目标。

var obj = jQuery.parseJSON( '{ "name": "John" }' );
alert( obj.name === "John" );

Answer 3

你需要做这样的事情：

var json = [ 
    { "one": "1" },
    { "two": "2" },
    { "three": "3" }
];

$.each(json, function() {
  $.each(this, function(name, value) {
    /// do stuff
    console.log(name + '=' + value);
  });
});

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

3 个答案: