Как правильно заполнить select опциями из объекта Json?

Question

[Dominik09]

Здравствуйте. Не получается правильно отобразить значения объекта json.
Из django во views.py передаю таким образом:

objects_list = serializers.serialize('json', City.objects.filter(street__icontains=request.POST.get("street"),))
return HttpResponse(json.dumps(objects_list), content_type='application/json')

Обрабатываю данные при успешном завершении операции во views.py:

success: function(data) {
                var streets = jQuery.parseJSON(data); // парсирую в объект скрипта
                alert(JSON.stringify(streets.street)); // выводит "undefined"
                var opts;
                for (var id in streets) {
                    opts += "<option value='" + id + "'>" + JSON.stringify(streets[id].street) + "</option>";
                }
                document.getElementById('street').innerHTML = opts;
            },
            error: function(){
            alert("Ошибка! Улица не существует");
            }

Select опциями из объекта Json по количеству заполняется правильно, но названия правильные не выводит. Только undefined. Скажите где ошибся, ибо перелистал кучу доков и везде синтаксис соблюдал?

Comments

[sim3x]

ммм

парсирую в объект

[Dominik09]

sim3x: ну главное смысл понял)

Answer 1

[Александр]

success: function(data) {
            var streets = jQuery.parseJSON(data),
                opts = '';
            console.log(streets); // вывод переменной в консоль браузера
            // перебор js объекта
            for (var key in streets) {
                if (!streets.hasOwnProperty(key)) continue;
                var street = streets[key];
                opts += "<option value='" + street.id + "'>" + street.street + "</option>";
            }
        },
        error: function(){
            alert("Ошибка! Улица не существует");
        }

Comments

[Dominik09]

Количество также указывает верно, но названия не выводит. Все обозначаются undefined.

[Александр]

Dominik09: JSON в студию, сегодня видать телепатия меня подводит

[Dominik09]

lebonnet: Тот что со скрипта или из view.py?

[Dominik09]

lebonnet: Вот со скрипта полный сорри, что без форматирования, в комменте не знаю как это сделать:
jQuery.ajax({
url: "/",
type: 'POST',
data: {
'city': $("#id_city").val(),
'street': $("#id_street").val(),
'num_home': $("#id_num_home").val(),
'csrfmiddlewaretoken':$('input[name=csrfmiddlewaretoken]').val()

},
dataType: "json",
cache: false,
success: function(data) {
var streets = jQuery.parseJSON(data),
opts = '';
for (var key in streets) {
if (!streets.hasOwnProperty(key)) continue;
var street = streets[key];
opts += "" + street.street + "";
}
},
error: function(){
alert("Ошибка! Улица не существует");
}

});

[Dominik09]

lebonnet: Как во views.py вывожу я показал. Если добавить функцию print, то выводит длинную отфильтрованную строку без перевода на кириллицу:
[{"model": "city.street", "pk": 1, "fields": {"street": "\u0411\u0430\u0437\u043e\u0432\u044b\u0439 1", "num_home": "340", "info": "\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445: \u0435\u0434\u0438\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u043f\u043b\u0430\u0442\u0435\u0436 / \u0440\u0430\u0441\u0441\u0440\u043e\u0447\u043a\u0430 \u043d\u0430 \u0441\u0440\u043e\u043a \u043e\u0442 1 \u0434\u043e 3 \u043b\u0435\u0442. \u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u0440\u043e\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0443\u0441\u043b\u0443\u0433\u043e\u0439 12 \u043c\u0435\u0441\u044f\u0446\u0435\u0432. \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u0434\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0442\u043e\u0440\u0436\u0435\u043d\u0438\u044f \u0430\u0431\u043e\u043d\u0435\u043d\u0442 \u0432\u044b\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u0435\u0439\u0441\u043a\u0443\u0440\u0430\u043d\u0442\u043d\u043e\u0439 \u0438 \u0430\u043a\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c\u044e, \u0442.\u0435. 499 \u0440\u0443\u0431\u043b\u0435\u0439. \u0415\u0441\u043b\u0438 \u0430\u0431\u043e\u043d\u0435\u043d\u0442 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0435 \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0430\u0435\u0442, \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f 500 \u0440\u0443\u0431\u043b\u0435\u0439.", "category": 1}},

[Александр]

Dominik09: https://jsfiddle.net/vefw8bs3/1/

[Dominik09]

lebonnet: Спасибо, заработало. Теперь я понял в чем у меня косяк.

Answer 2

[sim3x]

https://docs.djangoproject.com/en/1.10/ref/request...

перед отправкой сделай принт в питоне - что ты там вообще отправляешь

Comments

[Dominik09]

[{"model": "city.street", "pk": 1, "fields": {"street": "\u0411\u0430\u0437\u043e\u0432\u044b\u0439 1", "num_home": "340", "info": "\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445: \u0435\u0434\u0438\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u043f\u043b\u0430\u0442\u0435\u0436 / \u0440\u0430\u0441\u0441\u0440\u043e\u0447\u043a\u0430 \u043d\u0430 \u0441\u0440\u043e\u043a \u043e\u0442 1 \u0434\u043e 3 \u043b\u0435\u0442. \u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u0440\u043e\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0443\u0441\u043b\u0443\u0433\u043e\u0439 12 \u043c\u0435\u0441\u044f\u0446\u0435\u0432. \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u0434\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0442\u043e\u0440\u0436\u0435\u043d\u0438\u044f \u0430\u0431\u043e\u043d\u0435\u043d\u0442 \u0432\u044b\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u0435\u0439\u0441\u043a\u0443\u0440\u0430\u043d\u0442\u043d\u043e\u0439 \u0438 \u0430\u043a\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c\u044e, \u0442.\u0435. 499 \u0440\u0443\u0431\u043b\u0435\u0439. \u0415\u0441\u043b\u0438 \u0430\u0431\u043e\u043d\u0435\u043d\u0442 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0435 \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0430\u0435\u0442, \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f 500 \u0440\u0443\u0431\u043b\u0435\u0439.", "category": 1}},

Выдает отфильтрованный список без перевода на кириллицу.

[sim3x]

Dominik09: ну вот и подумай как тебе достать из сприска диктов дикт с необходимым значением

Answer 3

[vetsmen]

Сначала парси объект, котом только доставай из него значение

Comments

[Dominik09]

А я как сделал?