Кнопка "Показать еще"

@deekep · Регистрация: 07.10.2018

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

Самым обычным циклом выводятся данные:

PHP
1
2
3
4
5
6
7
8
9
10
<?php $Query = mysqli_query($CONNECT, "SELECT `id`, `user_id`, `username`, `topic`, `description` FROM `contact`");
                                if(mysqli_num_rows($Query) > 0) {
                                    while ($Row = mysqli_fetch_assoc($Query)) { 
                                        echo '<li><a href="#"><span>'.$Row['topic'].'<span class="right number">#'.$Row['id'].'</span></span></a>
                                        </li>';
                                    }
                                } else{
                                    echo "<h5 class='title-default-coodiv-two'>Appeals<span id='about_text'>No appeals yet</span></h5>";
                                }
                                ?>

Как в таком случае реализовать кнопку "Показать еще". Чтобы, к примеру, выводилось 10 строк, затем появлялась кнопка, после нажатия на нее должно добавить еще 10 строк, то есть в сумме будет 20 и так далее.

@u4en1k · 28.09.2020, 01:35

deekep,
Использовать LIMIT

@deekep · 28.09.2020, 09:33 **[ТС]**

u4en1k, и? Ну выведет страница мне 10 строк и что? Кнопку "Показать ещё" как реализовать? В этом мой вопрос был

@dontknow · 28.09.2020, 10:54

Если нужно, чтобы страница не перезагружалась, с помощью ajax передаем желаемый диапазон (0-10, 10-20 и тд), обработчик получает из бд данные в заданном диапазоне с помощью limit, возвращает их, мы их выводим.
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
29
30
31
32
33
34
35
36
37
38
39
40
<?php
$mysqli = new mysqli("localhost", "user", "pass", "db");
$result = $mysqli->query("SELECT * FROM table WHERE 1 LIMIT 0,10");
while ($row = $result->fetch_assoc())
    $array[] = $row['some_value'];
?>
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    // получаем диапазон, допустим будем хранить его в id кнопки
    let range = this.id;
    $.ajax({
        type: "POST",
        url: "handler.php",//обработчик
        data: { range: range }//передаем диапазон
        }).done(function(result) {//обрабатываем результат
            result = JSON.parse(result);//распаковываем json в объект
            if(result.rows)//проверяем результат на пустоту
            {
                document.getElementById('content').innerHTML += result.rows;//выводим данные нового диапазона
                document.getElementById(range).id = result.range;//назначаем новый диапазон
            }
        });
  });
});
</script>
</head>
<body>
<div id="content">
<?php foreach($array as $value): ?>
<?=$value;?><br>
<?php endforeach; ?>
</div>
<button id="10,20">More</button>
</body>
</html>

handler.php

PHP
1
2
3
4
5
6
7
8
<?php
$mysqli = new mysqli("localhost", "root", "", "test");
$result = $mysqli->query("SELECT * FROM summ WHERE 1 LIMIT {$_POST['range']}");
while ($row = $result->fetch_assoc())
    $string .= $row['some_value'].'<br>';//формируем строку для вывода, лучше делать на стороне клиента
if($string)
    $range = (explode(',',$_POST['range'])[1] .',').(explode(',',$_POST['range'])[1]+10);//формируем новый диапазон
exit(json_encode(['rows' => $string, 'range' => $range]));//возвращаем данные

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .

@u4en1k 133 / 118 / 34 Регистрация: 04.04.2018 Сообщений: 593
	28.09.2020, 01:35
	deekep, Использовать LIMIT 0

@deekep 116 / 31 / 18 Регистрация: 07.10.2018 Сообщений: 381
	28.09.2020, 09:33 [ТС]
	u4en1k, и? Ну выведет страница мне 10 строк и что? Кнопку "Показать ещё" как реализовать? В этом мой вопрос был 0

Кнопка "Показать еще"

Решение