Ajax-подгрузка контента при прокрутке страницы

@khajiit55 · Регистрация: 28.02.2015

Студворк — интернет-сервис помощи студентам

Всем привет. Я хочу реализовать авто-подгрузку постов в новостной ленте при помощи Ajax запросов, но что-то он отказывается у меня выводить хотя-бы краткие записи. Не подскажите почему? Вот исходники:

index.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
    ...
    <head>
        <title>home page</title>
        <meta charset="UTF-8">
        <link rel="shortcut icon" type="img/sicon" href="img/ico.png">
        <link rel="stylesheet" href="style.css" media="all">
        <script type="text/javascript" src="js/jquery-1.12.0.js"></script>
        <script type="text/javascript" src="js/loadPosts.js"></script>
    </head>
    ...
<?php
    #Подключение к БД
    $result = mysqli_query($connect, "SELECT * FROM news ORDER BY 'time' DESC LIMIT 3");
    $masPosts = array();
 
    while($myrow = mysqli_fetch_assoc($result)) {
        $masPosts[] = $myrow;
    }
 
    foreach ($masPosts as $masPost) {
        echo '<div class="headpost">';
            echo '<h3>'.$masPost[lname].' '.$masPost[fname].'<br><i>Жанр поста: '.$masPost[type].' | post №'.$masPost[index].'</i></h3>';
        echo '<div class="post">';
            echo strip_tags($masPost[text], '<img><br><a><b><i><h3><iframe>').'<br><br>';
            echo '<b>Время:</b> '.$masPost[time];
        echo '</div>';
    }
    ...

loadposts.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
    #Подключение к БД
 
    $startPost = $_POST['startPost'];
    $result = mysqli_query($connect, "SELECT * FROM news ORDER BY 'time' DESC LIMIT $startPost, 3");
    $masPosts = array();
 
    while($myrow = mysqli_fetch_assoc($result)) {
        $masPosts[] = $myrow;
    }
 
    echo json_encode($masPosts);
?>

loadPosts.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
$(document).ready(function(){
 
var inProgress = false;
var startPost = 3;
 
    $(window).scroll(function() {
        
        if($(window).scrollTop() + $(window).height() >= $(document).height() && !inProgress) {
    
        $.ajax({            
            url: 'loadposts.php',
            method: 'POST',
            data: {"startPost" : startPost},
            beforeSend: function() {
            inProgress = true;}            
            }).done(function(data){
            
            data = jQuery.parseJSON(data);
            
            if (data.length > 0) {
                                
            $.each(data, function(index, data){
            
            $("#masPosts").append("<p>" + data.text + "</p>");
            });
            
            inProgress = false;
            startPost += 3;
            }});   
        }
    });
});

@rasschitai · 19.02.2016, 20:55

а без проверки на высоту, работает? просто если скролить

@khajiit55 · 20.02.2016, 13:48 **[ТС]**

Проблема решена. Можно закрывать тему.

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

@rasschitai 34 / 34 / 20 Регистрация: 02.02.2016 Сообщений: 123
	19.02.2016, 20:55
	а без проверки на высоту, работает? просто если скролить 0

@khajiit55 0 / 0 / 0 Регистрация: 28.02.2015 Сообщений: 33
	20.02.2016, 13:48 [ТС]
	Проблема решена. Можно закрывать тему. 0