Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Данные из json в html (https://javascript.ru/forum/misc/52430-dannye-iz-json-v-html.html)

рони 18.12.2014 23:48

jsnoob4ik,
сконвертируйте обьект в строку -- как это на php незнаю
а на js будет так
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
</head>

<body>  <div id="box"></div>
<script>
var data = {
  "items": [
    {
      "id": "01",
      "text": "TEXT",
      "likes": {
        "count": 1,
        "can_like": 1
      },
      "date": 0000,
      "comments": {
        "count": 1,
        "can_post": 1
      },
      "attachments": [
        {
          "type": "photo",
          "photo": {
            "photo_130": "http://1.jpg",
            "date": 0000,
            "id": 01
          }
        }
      ]
    },
    {
      "id": "02",
      "text": "TEXT2",
      "likes": {
        "count": 2,
        "can_like": 2
      },
      "date": 0000,
      "comments": {
        "count": 2,
        "can_post": 2
      },
      "attachments": [
        {
          "type": "photo",
          "photo": {
            "photo_130": "http://2.jpg",
            "date": 0000,
            "id": 02
          }
        },
        {
          "type": "photo",
          "photo": {
            "photo_130": "http://3.jpg",
            "date": 0000,
            "id": 03
          }
        },
        {
          "type": "photo",
          "photo": {
            "photo_130": "http://4.jpg",
            "date": 0000,
            "id": 04
          }
        }
      ]
    }
  ]
}


document.getElementById("box").innerHTML=JSON.stringify(data);

</script>




</body>

</html>

jsnoob4ik 19.12.2014 00:09

Спасибо и за это, но я имел ввиду, как его перевести в строку, и вывести в html распарсив так, как Вы сделали это в прошлом комментарии. Везде просто примеры идут, где изначально всё(json js html) в одном файле.

рони 19.12.2014 01:13

jsnoob4ik,
моя твоя непонимай $.getJSON('test.json', запросили строку json вам её прислали сделали обьектом и отдали обьект в function(сюды дата и есть обьект) { что тут непонятного ???
сделайте строку в вашем файле -- скопируйте результат из 11 поста и в файл test.json и проверьте .

рони 19.12.2014 01:26

jsnoob4ik,
живой пример оттуда можно взять test.json
http://learn.javascript.ru/play/8H68Eb


Часовой пояс GMT +3, время: 21:32.