Показать сообщение отдельно
  #1 (permalink)  
Старый 06.06.2018, 20:39
Аватар для Kiten
Интересующийся
Отправить личное сообщение для Kiten Посмотреть профиль Найти все сообщения от Kiten
 
Регистрация: 18.05.2018
Сообщений: 16

Как правильно распарсить JSON
Всем привет!
Задача, на первый взгляд, простая: передать значения из JSON в объекты html.

Вот листинг JSON:
var data = 
	{
		"Moscow": "20",
		"Sydney": "38",
        "Lion": "33",
		"Vienna": "14",
        "Paris": "10"
	}


Листинг html:

Код:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="data.json"></script>
</head>
<body> 
     
    <button onmousedown="qwerty()">Button</button>   
    
    <p id="Moscow">1</p>
    <p id="Sydney">1</p>
    <p id="Lion">1</p>
    <p id="Vienna">1</p>
    <p id="Paris">1</p>
    
    <script> 
        
       function qwerty()
        {
        for(x in data)
            console.log(data[x]);
        }
        
    </script>
</body>
</html>
Мне нужно обратиться к каждой строке в JSON, и вытащить из нее названия городов (слева) для запроса по ID, а значения, которые справа, - передать самим объектам. Я пока не силен в JavaScript, и удается вытащить только значения.
Понятно, что можно создать отдельную процедуру для каждого объекта, но у меня их больше сотни, поэтому надо создать правильный цикл. В результате нужно получить вместо единичек в каждом объекте цифры: 20, 38, 33, 14, 10.
Буду рад за любую помощь. Заранее спасибо всем!

Последний раз редактировалось Kiten, 06.06.2018 в 20:55.
Ответить с цитированием