@StartPy

Как достать данные из json?

Код файла index.html
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8" />
    <title>JSON Sample</title>
</head>
<body>
    <h2>Текст</h2>
    <div id="placeholder"></div>
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script>
        $.getJSON('data.json', function(data) {
        var output="<ul>";
        for (var i in data.users) {
            output+="<li>" + data.users[i].firstName + " " + data.users[i].lastName + "--" + data.users[i].joined.month+"</li>";
        }

        output+="</ul>";
        document.getElementById("placeholder").innerHTML=output;
  });
         </script>
</body>
</html>

Сам JSON файл data
{"users":[
        {
            "firstName":"Ray",
            "lastName":"Villalobos",
            "joined": {
                "month":"January",
                "day":12,
                "year":2012
            }
        },
        {
            "firstName":"John",
            "lastName":"Jones",
            "joined": {
                "month":"April",
                "day":28,
                "year":2010
            }
        }
]}


Но в результате не отображается ничего, только надпись Текст.
Что не так с этим кодом?
  • Вопрос задан
  • 843 просмотра
Пригласить эксперта
Ответы на вопрос 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Пардон, вы в каком тёмном чулане этот код откопали?
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="utf-8" />
  <title>JSON Sample</title>
</head>
<body>
  <h2>Текст</h2>
  <div id="placeholder"></div>
  <script>
    document.addEventListener(
      'DOMContentLoaded',
      () => {
        fetch('data.json')
          .then((response) => response.json())
          .then((data) => {
            document.getElementById("placeholder").innerHTML =
              `<ul>${data.users.map((u) => `<li>${u.firstName} ${u.lastName} -- ${u.joined.month}</li>`).join()}</ul>`
          });
      },
  );
  </script>
</body>
</html>

Ну и проверяйте в консоли браузера, пришёл ли файл, его реальное содержимое, ошибки скрипта.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 мар. 2024, в 18:16
1000 руб./за проект
28 мар. 2024, в 18:15
90000 руб./за проект
28 мар. 2024, в 18:05
5000 руб./за проект