Почему дублируются картинки?

Question

[lemonlimelike]

ajax запрос

$(document).ready(function(){
			var num = 20;
			var inProcess = false;
			$(window).scroll(function(){
			  if ($(window).scrollTop() + $(window).height() >= $(document).height() && !inProcess ){
			  $.ajax({
				url: 'load.php',
				method: 'GET',
				dataType:'json',
				data: "num="+num,
				beforeSend: function(){
				  inProcess = true;
				},
					success: function(data){
						$.each(data, function(index, data){
						$(".videos").append('<ul><li><div class="videos_image"><a href="shplayer/shablon.php?id=' + data.id +  '"><img class="videos__image" src="/media/images/' + data.img +'-min.png'+ '" width="350" height="250" /></a><div id="videos_image"><img src="/media/views.png" id="views" /><span class="videos_views">' + data.views + '</span></div></div><div class="videos_title"><span class="title_alt">' + data.title.substr(0,38) + '...' + '</span></div></li></ul>');
						});
						inProcess = false;
						num += 10;
					}
			  });
			  }
			});
		});

Решил изменить запрос sql с

$res = mysqli_query($connection, "SELECT * FROM `videos` ORDER BY `id` DESC LIMIT 20");

на

$res = mysqli_query($connection, "SELECT * FROM `videos` ORDER BY `id` DESC LIMIT 9");

чтоб немного оптимизировать сайт, но происходит дублирование картинок в ajax запросе, почему?

Answer 1

[xmoonlight]

var num = 10;
....
num += 10;

замените на

var num = 5;
....
num += 5;

и в LIMIT - поставьте 10.

Comments

[xmoonlight]

Ergonomic Code: ))

[lemonlimelike]

xmoonlight: не помогло

[xmoonlight]

lemonlimelike: значит параметры в JS-коде не влияют на запрос выборки из БД. А так быть не должно. Ищите ошибку.