Отметить .json файл (в HTML)

Question

Как написать синтаксис данных извлечения для этого .json-файла?

{"Yoga":[ 
    { 
     "StudioName":"Viva-Ki Yoga", 
     "Address":"TODAYS HOURS: 11AM - 3PM", 
     "Lat":"42.01560", 
     "Long":"-87.99354" 

    }, 
    { 
     "StudioName":"Corepower", 
     "Address":"TODAYS HOURS: 11AM - 3PM", 
     "Lat":"39.83388", 
     "Long":"-75.14502" 

    }, 
    { 
     "StudioName":"Bloom Yoga Studio", 
     "Address":"TODAYS HOURS: 11AM - 3PM", 
     "Lat":"41.955814", 
     "Long":"-87.693292" 

    } 
]} 

Answer 1

Если вы собираетесь положить это в свой HTML, вы можете сделать что-то подобное. Если это JSON находится в другом файле и вы запрашиваете, вы должны были бы использовать что-то вроде jquery's $.ajax или XMLHttpRequest

var json = document.querySelector("#myJSON").innerHTML; 
 

 
try { 
 
    json = JSON.parse(json); 
 
    console.log(json); 
 
} catch (err) { 
 
    console.log(err); 
 
}

<script type="application/json" id="myJSON"> 
 
{ 
 
    "Yoga": [ 
 
     { 
 
      "StudioName": "Viva-Ki Yoga", 
 
      "Address": "TODAYS HOURS: 11AM - 3PM", 
 
      "Lat": "42.01560", 
 
      "Long": "-87.99354" 
 
     }, 
 
     { 
 
      "StudioName": "Corepower", 
 
      "Address": "TODAYS HOURS: 11AM - 3PM", 
 
      "Lat": "39.83388", 
 
      "Long": "-75.14502" 
 
     }, 
 
     { 
 
      "StudioName": "Bloom Yoga Studio", 
 
      "Address": "TODAYS HOURS: 11AM - 3PM", 
 
      "Lat": "41.955814", 
 
      "Long": "-87.693292" 
 
     } 
 
    ] 
 
} 
 
</script>