Načítání dat přes JSON

5. 5. 2014 14:46:21

Zdravím, mám HTML stránku

K této stránce mám napsaný následující JS kód pomocí kterého chci načítat data přes JSON

A soubor b.json vypada nasledovne

Při kliknutí na B (odkaz) by se měl soubor b.json načíst do HTML stránky. Což se mi už několik dlouhých chvil nedaří. Soubor b.json mam umisteny ve stejne slozce jako soubor.html.

Dokázal by mi někdo poradit, kde je chyba? Děkuji

5. 5. 2014 14:46:21

https://webtrh.cz/diskuse/nacitani-dat-pres-json/#reply1020943

Vít Michalek

(14 hodnocení)

5. 5. 2014 14:59:33

Nemáš živou ukázku?

Zkust F12 v prohlížeči a sledovat, JS chyby nebo sítovou komunikaci, a uvidíš jestli to tam vůbec dojde.

5. 5. 2014 14:59:33

https://webtrh.cz/diskuse/nacitani-dat-pres-json/#reply1020942

Ondřej Váško

5. 5. 2014 15:03:18

Napsal Vít Michalek;1085063
Nemáš živou ukázku?
Zkust F12 v prohlížeči a sledovat, JS chyby nebo sítovou komunikaci, a uvidíš jestli to tam vůbec dojde.

Ukázka: http://www.ondrej-vasko.cz/ath/04s.html

5. 5. 2014 15:03:18

https://webtrh.cz/diskuse/nacitani-dat-pres-json/#reply1020941

Jan Stejskal

(7 hodnocení)

5. 5. 2014 15:08:15

Je potřeba zakázat přejití na odkazovanou stránku, metoda onClick tedy musí vracet false.

5. 5. 2014 15:08:15

https://webtrh.cz/diskuse/nacitani-dat-pres-json/#reply1020940

Ondřej Váško

5. 5. 2014 16:04:56

Napsal Jan Stejskal;1085073
Je potřeba zakázat přejití na odkazovanou stránku, metoda onClick tedy musí vracet false.
....$('#dictionary').html(html); });return false;...

Tak toto doplnění do kódu nepomohlo.

5. 5. 2014 16:04:56

https://webtrh.cz/diskuse/nacitani-dat-pres-json/#reply1020939

Tomáš Pavlík

(8 hodnocení)

5. 5. 2014 18:53:43

No máš tam více chyb. V tom JSON souboru ti chybí uzavřít data do hranatých závorek, tzn. na začátek přidej . Potom máš chybu v Jquery funkci, chybí ti tam nějaké závorky. Tu tady posílám znovu:

$(document).ready(function(){    $("#letter-b a").on("click", function(){        $.getJSON("b.json", function(data) {            var html = '';            $.each(data, function(entryIndex, entry) {                html += '<div class="entry">';                html += '<h3 class="term">' + entry.term + '</h3>';                html += '<div class="part">' + entry.part + '</div>';                html += '<div class="definition">';                html += entry.definition;                if (entry.quote) {                    html += '<div class="quote">';                    $.each(entry.quote, function(lineIndex, line) {                        html += '<div class="quote-line">' + line + '</div>';                    });                }                if (entry.author) {                    html += '<div class="quote-author">' + entry.author + '</div>';                }                html += '</div>';            });            html += '</div>';            html += '</div>';             $("#dictionary").html(html);        });    });});

Ted by už to mělo fungovat, teda aspoň mě to jede.

Díky za bod ;-)

5. 5. 2014 18:53:43

https://webtrh.cz/diskuse/nacitani-dat-pres-json/#reply1020938

Ondřej Váško

5. 5. 2014 21:20:29

Já děkuju za pomoc s řešením. Bod přesně nevím kde se přiřazuje, ale najdu to:-)

---------- Příspěvek doplněn 06.05.2014 v 07:46 ----------

Napsal neattom;1085156
No máš tam více chyb. V tom JSON souboru ti chybí uzavřít data do hranatých závorek, tzn. na začátek přidej . Potom máš chybu v Jquery funkci, chybí ti tam nějaké závorky. Tu tady posílám znovu:
$(document).ready(function(){ $("#letter-b a").on("click", function(){ $.getJSON("b.json", function(data) { var html = ''; $.each(data, function(entryIndex, entry) { html += '<div class="entry">'; html += '<h3 class="term">' + entry.term + '</h3>'; html += '<div class="part">' + entry.part + '</div>'; html += '<div class="definition">'; html += entry.definition; if (entry.quote) { html += '<div class="quote">'; $.each(entry.quote, function(lineIndex, line) { html += '<div class="quote-line">' + line + '</div>'; }); } if (entry.author) { html += '<div class="quote-author">' + entry.author + '</div>'; } html += '</div>'; }); html += '</div>'; html += '</div>'; $("#dictionary").html(html); }); });});
Ted by už to mělo fungovat, teda aspoň mě to jede.
Díky za bod ;-)

Tak jsem upravil i soubor.json (přidal hranaté závorky). Vložil Vámi upravené řešení, ale nenačítají se data z JSONu. JSON soubor mam ve stejné složce jako HTML kód. To je v pořádku?

Už jsem na tím zvítězil:-) Vyřešeno

5. 5. 2014 21:20:29

https://webtrh.cz/diskuse/nacitani-dat-pres-json/#reply1020937

Pro odpověď se přihlašte.

Přihlásit