Смещение запроса при ajax?

Question

[pillson]

Добрый день. немного запутался

подгрузка ajax со мещением при событии, дефолтное значение записей 6, при событии (прокрутка) пускаю аякс в обработчик передавая 6 и еще 6 для смещения

но всегда статично идет 12, если бы было что то типа постраничной сделал бы просто +1, как тут сделать ? идет 6-12-16-24 и тп

if (scroll > offset) {
            
            $.ajax({
                        type: 'post',
                        url: "/components/articleLoad.php", 
                        data: { count: 6, begin: 6 },
                        success: function(data) {
                           
                           $(".news__wrapper").append(data);
                           
                        }
                    
                    }); 
          }

сам запрос

"select * from article order by ID DESC LIMIT $count OFFSET $begin"

Comments

[Антон]

А кто вам мешает хранить i и плюсовать его каждый раз при достижении нужной высоты, а потом этот i умножать на 6?

[pillson]

Антон, так тогда получается 6+1*6? не пойму суть немного

[Spartak (Web-StyleStudio)]

pillson,
i+= 6;

[pillson]

Spartak (Web-StyleStudio), мне ее скормить в data данные? или взять в отдельную переменную и вынести за условие а в условие вставить уже i+= 6;?

[Антон]

pillson,

есть i за пределами функции, i = 1, по достижении нужной высоты начинает отрабатывать функция, в которой begin = i * на кол-во требуемых записей, при первой отработке функции это будет равно смещению 1*6 = 6, т.к. первые записи от 0 до 6 у вас показываются по умолчанию при загрузке страницы, то при первой подгрузке смещение будет равно 6, а инкрементируете i для получения последующих страниц и нужного смещения.
2(i) * 6, 3* 6 и т.п.

[pillson]

Антон, на моем коде можно пример. просто не соображу что до проверки что внутри

[Spartak (Web-StyleStudio)]

pillson,
Перед

if (scroll > offset

присваиваете начальное значение для i
Дальше в условии плюсуете +6 и передаёте в дата

[pillson]

Все получилось. спасибо

Answer 1

[Spartak (Web-StyleStudio)]

let i = 6;
if (scroll > offset) {
	$.ajax({
		type: 'post',
		url: "/components/articleLoad.php", 
		data: { count: 6, begin: i },
		success: function(data) {
			i+= 6;
			$(".news__wrapper").append(data);
		} 
	});
}

Comments

[pillson]

не, begin: i+=6 это сработало в success он уже выведет а мне в запрос надо, помогли варианты выше, всем спасибо

[Spartak (Web-StyleStudio)]

pillson,
Вам же сначала надо получить первые 6 записей, потом после удачного запроса следующие 6 итд, так что лучше в success

[pillson]

Spartak (Web-StyleStudio), первые 6 уже есть на странице, смещение следующее нужно +6, первые 6 из функции с лимитом уже вывалены на странице )

[Spartak (Web-StyleStudio)]

pillson,
Все верно, будут показаны следующие 6, без первых шести
А плюсовать лучше в success . Если в какой-то момент будет error а не success, то часть строк будет пропущена

[pillson]

Spartak (Web-StyleStudio), тогда в success придется делать еще одну проверку с запросом, не хочется еще запускать аякс, щас работает, ошибки в целом не должно быть, чисто вывод статей. до 200 штук. я передаю в запрос post еще до success поэтому в data уже приходят готовые данные, i=0 не пойдет тут, если конечно не делать второй запрос. но в моем случае думаю не имеет смысла

[Spartak (Web-StyleStudio)]

тогда в success придется делать еще одну проверку с запросом

Зачем? Не придётся!

P/S: в общем варианты решения мы вам предложили, как ими воспользоваться решать вам

[Spartak (Web-StyleStudio)]

pillson,
Получение каждых N записей это и будет каждый раз ajax запрос.
С имитируйте ошибку в php и увидите что при этом получится, один скролл ошибка в php, второй скролл без ошибки в php, и вы получите один пропуск N записей на странице.
Надеюсь так понятней пояснил, почему лучше в success делать следующую итерацию

[pillson]

Spartak (Web-StyleStudio), попробую, спасибо

[Spartak (Web-StyleStudio)]

pillson, пожалуйста
P/S: помог -> отметь решением))