Почему ajax запрос выводит undefined?

Question

[lemonlimelike]

Перешел на pdo, и при ajax запросе данные выводятся, но отображаются словом undefined
Вот ajax запрос

$(document).ready(function (){
			var num = 21;
			var inProcess = false;
			$(window).scroll(function(){
			  if ($(window).scrollTop() + $(window).height() >= $(document).height() - 700 && !inProcess ){
			  	console.log("1");
			  $.ajax({
				url: '../load.php',
				method: 'GET',
				dataType:'json',
				data: "num="+num,
				beforeSend: function(){
				  inProcess = true;
				},
					success: function(data){
						$.each(data, function(index, data){
						$(".video").append('<div uk-scrollspy="target: > div; cls:uk-animation-fade; delay: 200"><div class="uk-card uk-card-default"><div uk-lightbox><a href="media/' + data.place_of_location + '.mp4'+'" caption="Video"><div class="uk-card-media-top uk-inline uk-inline-clip uk-transition-toggle"><img class="uk-transition-scale-up uk-transition-opaque" src="media/images/' + data.img + '.jpg' + '" alt="' + data.title + '"><div class="uk-position-medium uk-position-cover uk-overlay uk-flex uk-flex-center uk-flex-middle uk-light"><span uk-icon="icon: play-circle; ratio: 3.5"></span></div><div class="uk-light uk-position-bottom-left"><span class="uk-icon uk-icon-image uk-light" style="background-image: url(media/views.png)"></span><span class="uk-text-large">' + data.views + '</span></div></div></a></div><div class="uk-card-body"><p>' + data.title + '</p></div></div></div>');
						});
						inProcess = false;
						num += 12;
					}
			  });
			  }
			});
		});

Вот обработчик

$num = (int)$_GET['num'];  //
$lim = 12;

$sql_1 = "SELECT * FROM `video` ORDER BY `id` DESC LIMIT {:num}, :lim";
$std = $pdo->prepare($sql_1);
$std->bindParam(':num', $num);
$std->bindParam(':lim', $lim);
$std->execute();
$std->fetch(PDO::FETCH_ASSOC);

echo json_encode($std);

А вот запрос который выводит данные из бд

$limit = 22;
$sql_2 = "SELECT * FROM video ORDER BY id DESC LIMIT ?";
$mov = $pdo->prepare($sql_2);
$mov->bindValue(1, $limit, PDO::PARAM_INT);
$mov->execute();

Comments

[Alex Wells]

Покажите, что находится внутри data, внутри колбека success.

[lemonlimelike]

Alex Wells: Извините, но как это сделать?

[lemonlimelike]

Alex Wells: Вот что data выводит:

SELECT * FROM `video` ORDER BY `id` DESC LIMIT {:num}, :lim

А как посмотреть что внутри success?

[Alex Wells]

lemonlimelike: Всмысле? Мне нужен не запрос, а ответ от сервера. Зайдя на load.php в браузере, что получаете?

[lemonlimelike]

Alex Wells:
Это от ajax


Вот что в load.php

Answer 1

[AlxMrz]

1) Проверьте данные, которые вы получает после ajax запроса в функции success. Сделайте в начале console.log(data). В консоли отобразятся выведенные значения.
2) Проверьте, что в следствие запроса отправлены корректные данные на сервер. Это можно сделать через консоль разработчика(F12). В Google Chrome вкладка network в консоли.
3) Запустите скрипт возврата данных из базы независимо от ajax запроса, чтобы убедиться, что данные возвращаются корректно. Попробуйте сделать запрос без bindValue напрямую. Уберите все лишнее для теста.
4) Установите обработчики ошибок, чтобы при регистрации неверных данных возвращалось значение в виде Exception или любом другом, которое можно было бы отследить.
5) Олег верно подметил, что $std->fetch(PDO::FETCH_ASSOC) возвращает значение, а сам $std будет объектом PDOStatement. Посмотрите, что вернет метод fetch.

Comments

[lemonlimelike]

1) Вот что выводит data:

{queryString: "SELECT * FROM `video` ORDER BY `id` DESC LIMIT {:num}, :lim"}queryString: "SELECT * FROM `video` ORDER BY `id` DESC LIMIT {:num}, :lim"__proto__: constructor: ƒ Object()hasOwnProperty: ƒ hasOwnProperty()isPrototypeOf: ƒ isPrototypeOf()propertyIsEnumerable: ƒ propertyIsEnumerable()toLocaleString: ƒ toLocaleString()toString: ƒ toString()valueOf: ƒ valueOf()__defineGetter__: ƒ __defineGetter__()__defineSetter__: ƒ __defineSetter__()__lookupGetter__: ƒ __lookupGetter__()__lookupSetter__: ƒ __lookupSetter__()get __proto__: ƒ __proto__()set __proto__: ƒ __proto__()

2)undefined.jpg
undefined.jpg
undefined.jpg
это картинки так приходят
Я думаю что я что то не так указал вот тут

$(".video").append('<div uk-scrollspy="target: > div; cls:uk-animation-fade; delay: 200"><div class="uk-card uk-card-default"><div uk-lightbox><a href="media/' + data.place_of_location + '.mp4'+'" caption="Video"><div class="uk-card-media-top uk-inline uk-inline-clip uk-transition-toggle"><img class="uk-transition-scale-up uk-transition-opaque" src="media/images/' + data.img + '.jpg' + '" alt="' + data.title + '"><div class="uk-position-medium uk-position-cover uk-overlay uk-flex uk-flex-center uk-flex-middle uk-light"><span uk-icon="icon: play-circle; ratio: 3.5"></span></div><div class="uk-light uk-position-bottom-left"><span class="uk-icon uk-icon-image uk-light" style="background-image: url(media/views.png)"></span><span class="uk-text-large">' + data.views + '</span></div></div></a></div><div class="uk-card-body"><p>' + data.title + '</p></div></div></div>');

[AlxMrz]

Как вы можете сами увидеть, у вас возвращаются данные запроса, не данные о видео.
Что вернет console.log(data), если прописать в обработчике
echo json_encode($std->fetch(PDO::FETCH_ASSOC)); ?
Пробовали смотреть возвращаемое значение в соответствии с пунктом 5? Вопрос не в том, что вы цепляете к узлу video, а в том, что сервер возвращает вам.

[lemonlimelike]

AlxMrz: Попробовал с echo json_encode($std->fetch(PDO::FETCH_ASSOC));
console.log(data) возвращает false

[AlxMrz]

Если посмотрите описание этой функции в документации(php.net/manual/ru/pdostatement.fetch.php), то увидите, что метод возвращает false в случае неудачи.
Сделайте тестовый скрипт, который просто запустите из браузера без ajax.
Напишите примерно следующее:

$sql_1 = "SELECT * FROM `video` ORDER BY `id` DESC LIMIT 15";
$std = $pdo->query($sql_1, PDO::FETCH_ASSOC);

Посмотрите, что будет в $std.
В целом, данные не выводятся на странице, так как вы их не получаете. Минимизируйте запрос. Уберите все bindValue и prepare, сделайте самый простой запрос к базе. Когда получите значение, которое вам нужно, тогда усложняйте и приводите к тому виду, что есть сейчас. В общем, выполните пункт 3.
Используйте php.net/manual/ru/pdo.query.php , если возникают сложности с формированием кода.

[lemonlimelike]

AlxMrz:

$sql_1 = "SELECT * FROM `video` ORDER BY `id` DESC LIMIT 12";
    $std = $pdo->query($sql_1, PDO::FETCH_ASSOC);
    $std->execute();
    echo json_encode($std->fetch(PDO::FETCH_ASSOC));

Убрал лишнее, теперь выводит в консоле только одно поле, а картинки по прежнему undefined

[AlxMrz]

Неверно написан код. Попробуйте такой:

$sql_1 = "SELECT * FROM `video` ORDER BY `id` DESC LIMIT 12";
$std = $pdo->query($sql_1);
$result = $std->fetchAll();
echo json_encode($result);

Перечитайте документацию по всем методам которые вы используете. Которые я использую. В документации много примеров.

[lemonlimelike]

AlxMrz: Вот такой код как у вас работает, а вот с bindParam/bindValue не работает, возвращается [] пустой массив

$num = intval($_GET['num']);
    $lim = 12;
    $std = $pdo->prepare("SELECT * FROM `video` ORDER BY `id` DESC LIMIT {?}, ?");
    $std->bindValue(1, $num, PDO::PARAM_INT);
    $std->bindValue(2, $lim, PDO::PARAM_INT);
    $std->execute();
    $result = $std->fetchAll();
    echo json_encode($result);

Вот как у меня

Answer 2

[Олег]

Вероятно дело в том что на клиент вы возвращаете PDOStatement а не выборку данных. Поправьте код:

$std->fetch(PDO::FETCH_ASSOC);

echo json_encode($std);

на:
echo json_encode($std->fetch(PDO::FETCH_ASSOC));

Comments

[lemonlimelike]

поменял, и данные вообще перестали отображаться

Answer 3

[Принц Датский]

Во первых, посмотрите что приходит в респонзе.
Во вторых
Самая первая строкa, вы напутали скобки
Должно быть, наверное, $num = intval($_GET["num"]).
Я в подобных случаях, когда возвращаю Json делаю цикл такого вида:

data = JSON.parse(data);
For (key in data) {
Someaction(data[key][someelement]);
}

Indefinite возникает когда вы указываете на несуществующий элемент массива. С тем синтаксисом, которым пользуетесь вы, я не знаком. Но видимо в нем и дело:)