• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Kod JSON w HTMLu

Object Storage Arubacloud
0 głosów
422 wizyt
pytanie zadane 29 czerwca 2016 w JavaScript przez Paul_G Nowicjusz (120 p.)
zmienione kategorie 29 czerwca 2016 przez Comandeer

Witam!

Mam ogromny problem z zaimplementowaniem kodu XML przekonwertowanego na JSONa do strony w HTML'u. Mówię od raz, że nie potrafię programować w JavaScriptcie. 

Mój JSON:

{
  "filmy": {
    "film": [
      {
        "tytul": "Władca Pierścieni Drużyna Pierścienia",
        "rezyser": "Peter Jackson",
        "rok": "2001",
        "ocena": "8,0",
        "tagi": {
          "tag": [
            "fantastyczny",
            "przygodowy"
          ]
        }
      },
      {
        "tytul": "Jak wytresować smoka",
        "rezyser": "Dean DeBlois",
        "rok": "2010",
        "ocena": "7,9",
        "tagi": {
          "tag": [
            "przygodowy",
            "animowany"
          ]
        }
      },
      {
        "tytul": "Harry Potter i Kamień Filozoficzny",
        "rezyser": "Chris Columbs",
        "rok": "2001",
        "ocena": "7,5",
        "tagi": {
          "tag": [
            "fantastyczny",
            "przygodowy"
          ]
        }
      },
      {
        "tytul": "Silent Hill",
        "rezyser": "Christopher Gans",
        "rok": "2006",
        "ocena": "6,7",
        "tagi": {
          "tag": [
            "horror",
            "dramat"
          ]
        }
      },
      {
        "tytul": "Piła",
        "rezyser": "James Wan",
        "rok": "2004",
        "ocena": "6,7",
        "tagi": {
          "tag": [
            "horror",
            "dramat"
          ]
        }
      },
      {
        "tytul": "Lustra",
        "rezyser": "Alexander Aja",
        "rok": "2008",
        "ocena": "6,5",
        "tagi": {
          "tag": [
            "horror",
            "dramat"
          ]
        }
      }
    ]
  }
}

Wcześniej miałem czystego XMLa zaimplementować przy użyciu JSa do HTML'a - nie było łatwo, ale metodą prób i błędów jakoś sobie poradziłem. Nie mam niestety zielonego pojęcia jak się zabrać do tego zadania :/ 

Please, help!

1 odpowiedź

+1 głos
odpowiedź 29 czerwca 2016 przez Comandeer Guru (601,110 p.)

Jak wczytujesz tego JSON-a? Ajaksem z pliku? Jeśli tak, to pomoże Ci JSON.parse. Po przeparsowaniu, JSON jest po prostu obiektem – tutaj powinno być już łatwiej.

komentarz 29 czerwca 2016 przez Paul_G Nowicjusz (120 p.)
Oryginalnego XMLa wczytywałem przy użyciu biblioteki Ajax. Masz może link do jakiegoś tutoriala o parsowaniu JSONa?
1
komentarz 29 czerwca 2016 przez Comandeer Guru (601,110 p.)

Podobne pytania

0 głosów
1 odpowiedź 278 wizyt
pytanie zadane 29 stycznia 2023 w JavaScript przez Beginner555 Obywatel (1,760 p.)
0 głosów
1 odpowiedź 277 wizyt
pytanie zadane 30 czerwca 2020 w JavaScript przez mi-20 Stary wyjadacz (13,190 p.)
0 głosów
1 odpowiedź 374 wizyt

92,568 zapytań

141,424 odpowiedzi

319,634 komentarzy

61,956 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...