Показать сообщение отдельно
  #13 (permalink)  
Старый 30.01.2020, 17:08
Аватар для Sigizmund2012
Профессор
Отправить личное сообщение для Sigizmund2012 Посмотреть профиль Найти все сообщения от Sigizmund2012
 
Регистрация: 16.07.2014
Сообщений: 267

Через fetch:

document.addEventListener("DOMContentLoaded", function() {
        document.querySelector("#switch").addEventListener("click", userSort);
        function userSort() {
          fetch("restaurants.json")
            .then(response => response.json())
            .then(restaurants => {
              restaurants.sort(function(a, b) {
                if (a.name.toLowerCase() < b.name.toLowerCase()) return -1;
                if (a.name.toLowerCase() > b.name.toLowerCase()) return 1;
                alert(a.name);
              });
              document.getElementById("app").innerHTML = `<h1>Restaurants (${
                restaurants.length
              } results)</h1>
            ${restaurants
              .map(function(bars) {
                return `
            <div class="image-list">
            <img class="image-styles" src="${bars.image}">
            <h2 class="image-title">${bars.name}</h2>
            </div>
            
            `;
              })
              .join("")}
            `;
            })
            .catch(error => {
              console.warn(error);
            });
        }
      });


Нужно создать файл restaurants.json, в котором:
[
  {
    "blurhash": "UHH_GGD*Iq?u}?x]%MxuSgf+D*NL-.IVE3ac",
    "city": "Helsinki",
    "currency": "EUR",
    "delivery_price": 390,
    "description": "Gourmet burgerit Australiasta",
    "image": "https://prod-wolt-venue-images-cdn.wolt.com/55f71c7ec04ebe16e6859aa7/121b9eccc7d813b541aa42a164fdf4ed",
    "location": [24.938988983631134, 60.173556527576],
    "name": "Woolshed \u2013 Australian Gastropub",
    "online": true,
    "tags": ["gourmet", "hamburger"]
  },
  {
    "blurhash": "ULLNY-4:%MRh~WI[E0?cO=D%eSbv$xaK%Loy",
    "city": "Helsinki",
    "currency": "EUR",
    "delivery_price": 390,
    "description": "Tuoretta ja herkullista ruokaa",
    "image": "https://prod-wolt-venue-images-cdn.wolt.com/56fb827bad0ea370a6ab1cfc/4834fbf85136d709765adc096d8739f8",
    "location": [24.947304725428694, 60.16990544139176],
    "name": "Picnic Yliopistonkatu",
    "online": true,
    "tags": ["sandwich", "salad"]
  },
  {
    "blurhash": "UHNJ8q0KBGIpNMpIi]S6oxspD%nz%Mxt%2sk",
    "city": "Helsinki",
    "currency": "EUR",
    "delivery_price": 390,
    "description": "Liekill\u00e4 grillatut hampurilaiset",
    "image": "https://prod-wolt-venue-images-cdn.wolt.com/5a43b26f47f236000d931ef8/17f135df32054eea1867cc4a5425c7a5",
    "location": [24.94093894958496, 60.1678058413693],
    "name": "Burger King Mannerheimintie",
    "online": false,
    "tags": ["hamburger", "chicken"]
  }
]
Ответить с цитированием