Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.05.2016, 22:27
Интересующийся
Отправить личное сообщение для varde Посмотреть профиль Найти все сообщения от varde
 
Регистрация: 01.11.2012
Сообщений: 13

Ajax-подгрузка контента при прокрутке страницы
Вечер добрый.
Кто может помочь. Хочу сделать при прокрутке страницы в низ, чтобы подгружалось определенное количество файлов из базы, как сейчас на многих сайтах и соц сетях. Поскольку с Ajax совсем не дружу, ничего не получается. Перепробывал кучу вариантов из интернета, глухо. Вобщем есть get.php
$list = "";
$begin = 0;
$count = 20;
$result = mysql_query("SELECT * FROM myfiles WHERE sStatus = 1 AND featured = 1 $catQuery ORDER BY rand() LIMIT $begin, $count");
while ($row = mysql_fetch_array($result)) {
	// тут берем из бызы все что нам надо
		$fileID = $row['gid'];
		$fileName = $row['fName'];
		$fileIcon = $row['fIcon'];
		// и так далее
		$fileLink = "http://site.com/index.php?a=file&id=$fileID";
		// получаем лист файлов
	    $list.= '<a href="'.$fileLink.'"><img src="'.$fileIcon.'" width="120" height="90" border="1" alt="'.$fileName .'" /><br />'.$fileName .'</a>';
        
		}


Далее страница где подключаю jquery и вывожу файлы.

<!DOCTYPE html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<div class="fileslisting">
[PHP]
<?php
include("get2.php");
echo $list;
?>
[/PHP]
</div>


Вот один из вариантов кода, что я нашел в сети.
<script>
$(document).ready(function(e){
	
	var count = 20;
	var begin = 0;
		
	function scrolling(){
		var currentHeight = $(this).children(".wrapper").height();
		if($(this).scrollTop() >= (currentHeight - $(this).height()-100)){
			$(this).unbind("scroll");
			loader();
		}
	}
		
	function loader(){
		
		$.ajax({
			type:"POST",
			url:"get.php",
			data:{
				count: count,
				begin: begin*count
			},
			success:onAjaxSuccess
		});
 
		function onAjaxSuccess(data)
		{
			$(".wrapper").append(data);
			$(".text").on("scroll", scrolling);
		}
		
		begin++;
	}
	
	$(".text").on("scroll", scrolling);
	
});
</script>


Стили css в скрипте я свои ставил, результата 0.

Кто может направить в нужное русло?
Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 01.06.2016, 07:13
Профессор
Отправить личное сообщение для krasovsky Посмотреть профиль Найти все сообщения от krasovsky
 
Регистрация: 21.12.2012
Сообщений: 869

Сообщение от varde
результата 0.
Не слишком информативно. Что приходит с сервера? Вообще запрос отправляется?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фиксирование и открепление вертикальной навигационной панели при прокрутке vettel jQuery 1 07.05.2015 18:39
Динамическая подгрузка контента при прокрутке assd18 AJAX и COMET 11 14.03.2013 14:05
Фиксация объекта при скрулинге страницы Pashok(one) Общие вопросы Javascript 10 08.01.2013 02:52
При прокрутке страницы все элементы сдвигаются влево stykhonko jQuery 0 26.11.2011 19:35
выборка в php при прокрутке страницы вниз Tchort Events/DOM/Window 4 11.08.2011 17:38