Задать вопрос
Ответы пользователя по тегу JSON
  • Как передать полученные из Json данные в переменную для вывода на сайт?

    Twstd
    @Twstd
    Разрабатываю приложения и микросервисы на Nodejs
    Это вариант для случая если функция getData необходима, там как можно просто воспользоваться fetch и передать в результат его выполнения функцию showData, не оборачивая fetch лишний раз в асинхронную функцию...
    В функции showData не все ключи присутствуют в ответе, там уже сами решите что убрать, а что оставить
    // get data
    async function getData() {
      let result = await fetch("https://jsonplaceholder.typicode.com/posts")
        .then((response) => response.json());
    // .then(json => console.log(json)) - эту строчку убираем, она приводила к тому, что fetch  не возвращал результат
      return result;
    }
    
    // show data
    getData().then((result) => showData(result));
    function showData(allGoods) {
      let outGoods = "";
      for (let key in allGoods) {
        outGoods += `
            <div class="goods__item">
                <a><img src="${allGoods[key].image}"/></a>
                <div class="goods__tx">
                    <h2>${allGoods[key].name}</h2>
                    <p>${allGoods[key].desc}</p>
                    <span>${allGoods[key].availability}</span>
                    <div class="goods__bottom">
                        <b>${allGoods[key].price} $</b>
                        <div class="goods__btn">
                            <button class="goods__minus" data-id="${key}">-</button>
                            <button class="goods__plus" data-id="${key}">+</button>
                        </div>
                    </div>
                </div>
            </div>`;
      }
      let goodsContent = document.querySelector(".goods .container");
      goodsContent.innerHTML = outGoods;
    }
    Ответ написан
    1 комментарий