Как вывести массив переданный методом json

@lapitsky · Регистрация: 17.02.2016

Студворк — интернет-сервис помощи студентам

почему выводит "object Object" и как вывести массив в html через цикл?

html:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type=text/javascript>
  $(function() {
    $('a#last').bind('click', function() {
      $.getJSON($SCRIPT_ROOT + '/ajax_get',
          {
 
      }, function(data_back) {
        $("#result").text(data_back.result);
      });
      return false;
    });
  });
</script>
 
<a href=# id=last>НАЖАТЬ</a>
<br><br>
<span id=result></span>

python:
передаем словарь формата {'key':'value'}

Python
1
2
3
4
5
6
7
@app.route('/ajax_get', methods=['GET', 'POST'])
def ajax_get():
    dict = {}
    dict['1'] = 'ok'
    dict['2'] = 'ok'
    .... # словарь с данными
    return jsonify(result=dict)

Как вывести весь dict в html?

@j2FunOnly · 24.04.2018, 10:05

Сообщение от lapitsky

python:
передаем словарь формата {'key':'value'}

Было бы эффективнее, если бы вы показали ответ сервера, а не питон-скрипт, который этот ответ формирует.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$(function() {
  $('a#last').bind('click', function() {
    $.getJSON($SCRIPT_ROOT + '/ajax_get', {
 
    }, function(data_back) {
      var h = Object.keys(data_back.result).map(k => `${k}: ${data_back.result[k]}`).join('<br>');
 
      $("#result").html(h);
    });
 
    return false;
  });
});

@lapitsky · 24.04.2018, 11:58 **[ТС]**

Огонь, работает, спасибо!

это ответ от сервера - {"result":{"1":"ok","2":"ok"}} (я правильно смотрю? chrome -> network ->response)

@msheal · 24.04.2018, 12:16

lapitsky, на будущее будет полезно знать один из самых часто используемых способов перебора объектов. Этот способ не такой модный из-за отсутствия функционального подхода, но очень часто встречается в более старых проектах и выглядит читабельней для начинающих

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
for (key in obj){
  console.log(`Key: ${key} Value: ${obj[key]}`)
}
//в вашем случае будет так:
function(data_back) {
    var h = '';
 
    for (key in data_back.result){
         h += `Key: ${key} Value: ${data_back.result[key]} </br>`
    }
 
    $("#result").html(h);
}

@lapitsky · 24.04.2018, 13:09 **[ТС]**

А если я передаю в json такой массив, как его вывести?

states_dictionary={ CT=[alex,harry], AK=[liza,alex], TX=[fred, harry] ........ }

@msheal · 24.04.2018, 13:35

lapitsky, что вы в итоге хотите вывести? Логика перебора не сильно изменится в любом случае, будет как-то так:

JavaScript
1
2
3
4
5
6
7
8
var states_dictionary={ CT: ['alex','harry'], AK:['liza','alex'], TX:['fred', 'harry'] };
var h = '';
 
for (key in states_dictionary){
     h += `${key}: ${states_dictionary[key]}` + '</br>'
}
 
$("#result").html(h);

@lapitsky · 24.04.2018, 13:55 **[ТС]**

я в json из python, передают такие данные и у меня голова лопается, как это вывести

массив [i][j][k : p]

massiv[1] = {1: {'atom': 7, 'electron': 0, 'adress': 'hytambil', 'positron': 1, 'count': '0.234'} 2: {'atom': 3, 'electron': 2, 'adress': 'hytambil', 'positron': 3, 'count': '0.01'}, 3: {'atom': 1, 'electron': 4, 'adress': 'hytambil', 'positron': 5, 'count': '0.49'}}

massiv[2] = {1: {'atom': 0, 'electron': 0, 'adress': 'hytambil', 'positron': 1, 'count': '0.46'}, 2: {'atom': 3, 'electron': 2, 'adress': 'hytambil', 'positron': 3, 'count': '0.01'}, 3: {'atom': 1, 'electron': 4, 'adress': 'hytambil', 'positron': 5, 'count': '0.49'}}

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

@lapitsky 0 / 0 / 1 Регистрация: 17.02.2016 Сообщений: 47
	24.04.2018, 11:58 [ТС]
	Огонь, работает, спасибо! это ответ от сервера - {"result":{"1":"ok","2":"ok"}} (я правильно смотрю? chrome -> network ->response) 0

@lapitsky 0 / 0 / 1 Регистрация: 17.02.2016 Сообщений: 47
	24.04.2018, 13:09 [ТС]
	А если я передаю в json такой массив, как его вывести? states_dictionary={ CT=[alex,harry], AK=[liza,alex], TX=[fred, harry] ........ } 0

@lapitsky 0 / 0 / 1 Регистрация: 17.02.2016 Сообщений: 47
	24.04.2018, 13:55 [ТС]
	я в json из python, передают такие данные и у меня голова лопается, как это вывести массив [i][j][k : p] massiv[1] = {1: {'atom': 7, 'electron': 0, 'adress': 'hytambil', 'positron': 1, 'count': '0.234'} 2: {'atom': 3, 'electron': 2, 'adress': 'hytambil', 'positron': 3, 'count': '0.01'}, 3: {'atom': 1, 'electron': 4, 'adress': 'hytambil', 'positron': 5, 'count': '0.49'}} massiv[2] = {1: {'atom': 0, 'electron': 0, 'adress': 'hytambil', 'positron': 1, 'count': '0.46'}, 2: {'atom': 3, 'electron': 2, 'adress': 'hytambil', 'positron': 3, 'count': '0.01'}, 3: {'atom': 1, 'electron': 4, 'adress': 'hytambil', 'positron': 5, 'count': '0.49'}} 0