Načtení detailů o kraji
function pri_nacteni_kraje(info) {
ladeni(info);
$("#uvod").hide();
$("#kraj H2").text(info.jmeno);
$("#kraj-rozloha SPAN").text(info.rozloha);
$("#kraj-obyvatel SPAN").text(info.obyvatel);
$("#kraj-mesta UL").empty();
$("#kraj-mesta UL").append("<li class='loading'>Načítá se...</li>");
$("#kraj").show();
}
function pri_nacteni_kraju(kraje) {
ladeni(kraje);
for (var i in kraje) {
$("<li>" + kraje[i].jmeno + "</li>").click(kraje[i].id, function(data) {
$.ajax({
url: "https://alej.alisma.cz/api/cr/kraje/" + data.data,
}).done(pri_nacteni_kraje);
}).appendTo("#seznam-kraju");
}
}
Zkrácení volání ajaxu
function nacti(suffix) {
return $.ajax({
url: "https://alej.alisma.cz/api/cr/" + suffix,
});
}
...
function pri_nacteni_kraju(kraje) {
ladeni(kraje);
for (var i in kraje) {
$("<li>" + kraje[i].jmeno + "</li>").click(kraje[i].id, function(data) {
nacti("kraje/" + data.data).done(pri_nacteni_kraje);
}).appendTo("#seznam-kraju");
}
}
$(document).ready(function() {
nacti("kraje").done(pri_nacteni_kraju);
});
Načtení seznamu měst
function pri_nacteni_kraje(info) {
...
nacti("kraje/" + info.id + "/mesta").done(pri_nacteni_mest_kraje);
}
function pri_nacteni_mest_kraje(mesta) {
$("#kraj-mesta UL LI.loading").remove();
for (var i in mesta) {
$("#kraj-mesta UL").append("<li>" + mesta[i].jmeno + "</li>");
}
}
Samostatná práce
- načtěte seznam měst do tabulky včetně informace o počtu obyvatel
- zrušte použití
#kraj-mesta UL
- přidejte tlačítko (text) pro návrat na úvodní stránku
