Как правильно обработать jQuery AJAX результат?

Question

[Дмитрий]

Добрый вечер. Есть AJAX скрипт, который отправляет в PHP скрипт некоторые данные, которые используются для запроса в базу данных. После запроса получаю ассоциативный массив(fetch_array()). Как правильно вернуть результат в jQuery, чтобы в дальнейшем массив можно было обработать с помощью foreach?
Вот примерный код:
jQuery.Ajax

date = "2014-05-21";
        jQuery.ajax({
            type: "POST",
            url: "/function/checkTime.php",
            data: ({date:date}),
            dataType:"text",
            success: 
       // Code;

PHP

// Собираем дату;
$date = $_POST['date'];
//Запрос к базе;
$times= $sql->query("SELECT * FROM datetime WHERE date='$date'")->fetch_array();

Спасибо.

Answer 1

[Павел Соловьёв]

jQuery.ajax({
            type: "POST",
            url: "/function/checkTime.php",
            data: ({date:date}),
            dataType:"json",
            success:  function(response) {
              // тут обрабатываем
            }

// Собираем дату;
$date = $_POST['date'];
//Запрос к базе;
$times= $sql->query("SELECT * FROM datetime WHERE date='$date'")->fetch_array();

echo json_encode($times);

PS "SELECT * FROM datetime WHERE date='$date'" - это небезопасный запрос, можно внедрить sql injection

Comments

[KOLANICH]

"SELECT * FROM `datetime` WHERE `date`='$date';" будет безопасным.

[Дмитрий]

А если в базе данных есть несколько записей с одинаковым значением date? Каким образом вернуть в PHP все эти строки(значения) в виде массива?

[andreyqin]

Точно таким же

[Дмитрий]

Он возвращает лишь один результат/строку. Хотя, num_rows количество = 2.

[andreyqin]

Могу ошибаться, но, возможно, fetch_array() возвращает только 1 строку из результата запроса. Проверьте, что у вас находится в $times.

[KOLANICH]

$sql->query возвращает Traversable (Traversable - это то, что можно и нужно подставить в foreach)

Answer 2

[andreyqin]

Можно вернуть в формате JSON:
echo json_encode($times);

$.ajax({
    type: 'POST',
    url: '/function/checkTime.php',
    data: ({date: date}),
    dataType: 'json',
    success: function(data) {
        /* тут обрабатываете ответ */
    }
});

Comments

[Дмитрий]

Если в JSON пихать, то alert(data) не срабатывает вообще. Что возвращает PHP скрипт? Возможно его нужно спарсить в jQuery с помощью JSON.parse(data)?

[andreyqin]

jQuery автоматически преобразует ответ в объект

[andreyqin]

Посмотрите в firebug приходит ли вообще ответ от сервера

[Дмитрий]

Ответ не приходит. Что очень странно.

[andreyqin]

Проверьте, возвращает ли что-то запрос в базу

[Дмитрий]

@andreyqin Ниже отписался.

[andreyqin]

alert[data[0].id]

Answer 3

[Дмитрий]

echo json_encode($times);

jQuery.ajax({
            type: "POST",
            url: "/function/checkTime.php",
            data: ({date:date}),
            dataType:"text",
            success: function(data) {
                console.log(data);
    }
});

Сервер вернул:

{"0":"1","id":"1","1":"2014-05-24","date":"2014-05-24","2":"16:00","time_start":"16:00","3":"17:00","time_end":"17:00"}

Как теперь можно обратиться к определенному элементу в этом массиве/объекте? К примеру, alert(data.id) -- не срабатывает :(

Comments

[Дмитрий]

О чудо. Решение простое - dataType:"json" в коде выше. И можно обращаться к любому элементу в объекте(прим. alert(data.time_start);)