Вывод данных из БД посредством Ajax

[alexBBB]

Здравствуйте.
Разбираюсь с Ajax. На странице есть несколько селектов:

<select>
<option>Выбрать товар</option>
<option data-id="1">...</option>
<option data-id="2">...</option>
<option data-id="3">...</option>
<option data-id="4">...</option>
</select>
<select>
</select>

При выборе товара в первом селекте, с помощью js ловлю data-id и аджаксом передаю на сервер к файлу с запросом в бд.

$(document).ready(function(){
    $('#prec_name').change(function(){
        var dataId = this.options[this.selectedIndex].dataset.id;
        if(!parseInt(dataId)){
            return false;
        }else{
            if(/[^[0-9]+/.test(dataId)){
                return false;
            }
        }
        $.ajax({
            type: 'POST',
            url: 'ajax/getSize/getSize.php',
            datatype: 'json',
            data: "param=" + dataId,
            success: function (data) {
                console.log(data);
            }
        });
    });
});

Запрос делается и приходят данные в виде ассоциативного массива.
к массиву применяю json_encode(array) и передаю обратно с помощью echo.
Дальше начинаются проблемы... вывожу в консоль данные пришедшие с сервера, и получаю это:

[{"sixteen":"1","seventeen":"1","eighteen":"0","nineteen":"1","twenty":"1"}]

при таком выводе

console.log(data.sixteen)

так тоже undefined

console.log(data['sixteen']);

В чем проблема? Как правильно обработать эти данные?

[рони]

alexBBB,

data[0].sixteen

[alexBBB]

рони,
Все равно undefined.

А сами данные приходят правильно? Или есть возможность вывести просто вот так:

{"sixteen":"1","seventeen":"1","eighteen":"0","nineteen":"1","twenty":"1"}

если пишу data[0] выводит: " [ "

console.log(typeof(data));

выводит string

[рони]

alexBBB,
кто знает кроме вас что вы получаите строку, массив, или обьект.

data[0] выводит: " [ "

тогда у вас строка которая почемуто не превращена в обьект -- что jquery делает самостоятельно получая строку json - самое вероятное сервер отдаёт неправильный формат данных и вам нужно самостоятельно парсить или настраивать сервер

data = JSON.parse(data);
alert(data[0].sixteen)

[alexBBB]

рони,
Все я понял в чем проблема.
Моя ошибка заключалась в том, что я делал запрос так как обычно в php
то-есть так

$query = "SELECT * FROM `catalog` WHERE catalog_new  = '1'";
    $res = db::getInstance()->query($query);
    $array= array();
    while($row = mysqli_fetch_assoc($res)){
        $news[] = $row;
    }

после чего делал так: echo json_encode($array);

сейчас изменил вывод на вот такой:

$query = "SELECT * FROM `catalog` WHERE catalog_new  = '1'";
    $res = db::getInstance()->query($query);
    $row = mysqli_fetch_assoc($res)
    echo json_encode($row)

console.log(data)

выводит теперь так: {"sixteen":"1","seventeen":"1","eighteen":"1","nin eteen":"1","twenty":"1"}

после чего как вы и сказали я пропарсил этот вывод

data = JSON.parse(data)
console.log(data.sixteen);

и получил необходимые данные. Спасибо, благодарю за помощь. Без data = JSON.parse(data) все равно выводит строку.

[рони]

Без data = JSON.parse(data) все равно выводит строку.

значит сервер не настроен правильно.

[alexBBB]

рони,
Работаю на локалке через Денвер, что именно необходимо настроить?

[рони]

alexBBB,

что именно необходимо настроить?

рекомендую обратится к http://javascript.ru/forum/members/39891-laimas/ или кто знает php

[alexBBB]

рони,
Благодарю