Как вывести данные из JSON На сайт ?
Есть JSON: https://vkdonate.ru/dc/5322a3c71cd992a6
Нужно чтобы на сайте показывались донаты Сумма: Сообщение: |
Цитата:
<donate-board>
<style>
dl {}
dt, dd {
display: inline;
}
dt {
font-weight: bolder;
}
dd + dt::before {
content: "\0a";
white-space: pre;
}
dd {
margin: 0;
margin-left: 0.25em;
}
dd:empty::before {
content: "(Пусто)";
opacity: 0.5;
font-style: italic;
}
</style>
</donate-board>
<script>
(async function main() {
let ul;
try {
const response = await fetch("https://cors-everywhere.glitch.me/https://vkdonate.ru/dc/5322a3c71cd992a6");
const { last_donater: data } = await response.json();
ul = document.createElement("ul");
let list, node;
for(const { id, sum, description } of data) {
list = document.createElement("dl");
ul.appendChild(list);
for(const [t, d] of [["Сумма:", sum], ["Сообщение:", description]]) {
for(const [tag, text] of [["dt", t], ["dd", d]]) {
node = document.createElement(tag);
node.textContent = text;
list.appendChild(node);
}
}
}
} catch(error) {
ul.textContent = "Ошибка получения и отображения данных";
}
const db = document.querySelector("donate-board");
const s = db.attachShadow({ mode: "open" });
s.appendChild(ul);
s.append(...db.children);
})();
</script>
Так много нужно знать... |
Также можно использовать, например, MAVO...
<script src="https://unpkg.com/mavo@0.2.0/dist/mavo.js"></script>
<section mv-app="donate-board" mv-storage="https://cors-everywhere.glitch.me/https://vkdonate.ru/dc/5322a3c71cd992a6">
<ul>
<li property="last_donater" mv-multiple>
<dl>
<dt>Сумма:</dt>
<dd property="sum"></dd>
<dt>Сообщение:</dt>
<dd property="description"></dd>
</dl>
</li>
</ul>
</section>
<style>
dl {}
dt, dd {
display: inline;
}
dt {
font-weight: bolder;
}
dd + dt::before {
content: "\0a";
white-space: pre;
}
dd {
margin: 0;
margin-left: 0.25em;
}
dd:empty::before {
content: "(Пусто)";
opacity: 0.5;
font-style: italic;
}
</style>
|
Malleys,
:thanks: |
| Часовой пояс GMT +3, время: 08:39. |