Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/40: Рейтинг темы: голосов - 40, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 28.02.2015
Сообщений: 33

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

19.02.2016, 19:45. Показов 7667. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет. Я хочу реализовать авто-подгрузку постов в новостной ленте при помощи 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;
            }});   
        }
    });
});
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
19.02.2016, 19:45
Ответы с готовыми решениями:

Постепенная подгрузка товаров при прокрутке страницы
Всем привет! У меня такой вопрос. Вывожу товары на странице, а как сделать чтобы выводилось к примеру 30 товаров на странице, и при...

Ajax подгрузка контента
Нашел вот такой сайт...

Динамическая подгрузка контента Ajax
Помогите пожалуйста разобраться. Необходимо на сайте barinel.ru сделать переключение во вкладках &quot;прессы вертикальные&quot;,...

2
 Аватар для rasschitai
34 / 34 / 20
Регистрация: 02.02.2016
Сообщений: 123
19.02.2016, 20:55
а без проверки на высоту, работает? просто если скролить
0
0 / 0 / 0
Регистрация: 28.02.2015
Сообщений: 33
20.02.2016, 13:48  [ТС]
Проблема решена. Можно закрывать тему.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
20.02.2016, 13:48
Помогаю со студенческими работами здесь

Постоянная подгрузка контента через AJAX
Здравствуйте всем. Подскажите как лучше организовать область постоянной подгрузкы контента, через AJAX. Будто страница постов, и только...

Подгрузка контента через ajax со сменой URL
Вот таким кодом я подгружаю это дело: function followLink(event, link) { var nameLink = link.innerHTML; ...

Подключение контента при прокрутке
Сейчас имею такой код : var request1 = new XMLHttpRequest();request1.open('GET', '/complete/moonbeam-suhov/page1.html'); var...

Подгрузка контента при выборе
Здравствуйте! Подскажите, пожалуйста, как сделать вот так же как здесь. То есть, при выборе из выпадающего списка сразу подгружался...

Ajax обновление контента без перезагрузки страницы
Ребята доброго времени! Помогите пожалуйста! Есть не доработанный сайт, в нем есть страница, в странице есть код обновления контента без...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Уведомление о неверно выбранном значении справочника
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/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru