Используя метод return Json() на клиенте в success function(data) undefined. Как исправить?

Question

[Андрей Романюк]

Проект на asp.net core, web api 2.

Method:

В базе приблизительно 600 товаров. Выборка по Linq вытаскивает товары, проверял это в дебаггере.

[HttpPost("ConfectionsJsonResult")]
        public JsonResult ConfectionsJsonResult()
        {
            IEnumerable<Products> confections = DbNorthWind.Products.Where(p => p.CategoryId == 3);

            return Json(confections);
        }

Клиент. Результат ( в комментариях ):

Свойство в Json object указано правильно ( ProductName, как название столбца в базе ).

$.getJSON({
        type: 'POST',
        dataType: 'json',
        contentType: 'application/JSON',
        url: '/api/Product/ConfectionsJsonResult',
        success: function (data) {

            var results = $("#ConfectionsList");

            alert(data); //[object Object],[object Object],[object Object],[object Object],[object Object],...
            alert(data[0].ProductName); //undefined

-----------------------------------------------------------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-----------------------------------------------------------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

А так выглядит рабочий код, но меня попросили убрать "var JsonConfections = JsonConvert.SerializeObject(confections);", так как это нагружает систему.

[HttpPost("ConfectionsJsonResult")]
        public JsonResult ConfectionsJsonResult()
        {

            var confections = DbNorthWind.Products.Where(p => p.CategoryId == 3);

            var JsonConfections = JsonConvert.SerializeObject(confections);

            return Json(JsonConfections );
        }

На клиенте jQuery.parseJSON(data) в success function и в таком случае работает.

Comments

[Станислав Макаров]

Почему бы не сделать запрос к API вручную и не посмотреть, что конкретно возвращается сервером в ответе? Заодно и сюда запостить как примерно это выглядит.

[Станислав Макаров]

var JsonConfections = JsonConvert.SerializeObject(confections);

Крайне странное действие, сериализовать объекты вручную чтобы потом положить в JsonResult. Что-то тут не так.

[Андрей Романюк]

если обращаться к api, то возвращает список товаров в JSON. Наверное, дело в $.getJSON({, как написали в ответе.

Answer 1

[eRKa]

Сделайте запрос к своему api в строке браузера или через postman. Если придет нормальный json, значит дело в запросе ajax, в его настройках, если нет - значит не сериализуется объект в json.

Comments

[Андрей Романюк]

Да, похоже что дело в настройках запроса ajax

[eRKa]

Андрей Романюк, сделайте без ухищрений обычный запрос
$.post(url).success(function(data){ console.log(data); })

[Андрей Романюк]

Возвращает Json array

[eRKa]

Андрей Романюк, Ну я так понимаю, Вы ж этого и хотели?)

[Андрей Романюк]

Так это у меня и было в принципе)
И даже через $.post у меня есть undefined если к примеру обращаться, как alert(data[0].ProductName); или другой любой индекс/свойство из базы

$.post("/api/Product/ConfectionsJsonResult").success(function (data) {
        alert(data); //[object Object],[object Object],[object Object],[object Object],[object Object],...
        alert(data[0].ProductName); //undefined 

    })

[Андрей Романюк]

Неправильно указал свойство) Оно там начинается с маленькой
)
Спасибо за время!

Answer 2

[al_gon]

С большой буквы p[P]roductName ?

Comments

[Андрей Романюк]

Да, оно там с большой или я не так понял?

[al_gon]

Андрей Романюк, Ну в ответе сервере у Вас маленькая

[Андрей Романюк]

А да точно)