Постепенное добавление данных на страницу по мере получение из скрипта

@DarkDiabolik · Регистрация: 22.02.2010

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

Здравствуйте, как реализовать постепенное добавление данных, т.к их очень много, получается что сначала скрипт подгружает их все, а только потом выводятся все пучком, как должен быть составлен скрипт, чтобы программа выводила по мере получения какой-либо информации сразу же на страницу
index.php

HTML5
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
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
    <button id="button" value="123">asdasd</button>
    
<script>
    $(document).ready(function() {
        function generate() {
            $.ajax({
                url:'j.php?go=1',
                type:'GET',
                success: function(data) {                   
                    
                        $('body').append(data);
                    
                },
                error: function() {
                    alert('error');
                }
            });
            
        }
        $('#button').click(generate);
    });
</script>
 
</body>
</html>

j.php

PHP
1
2
3
4
5
6
7
8
9
<?php
echo '333';
if($_GET['go'] == 1) {
    for($i = 0;$i<99999;$i++) {
        echo $i . "</br>";
    }
}
 
?>

Это тестовый пример, хочется вот, чтобы постепенно выводились данные(в данном случае числа) т.к на реальной задачи будет так же много значений, и требуется чтобы пользователь видел процессы отработки скрипта и добавления данных на страницу, вешать просто логотип "Loading" не вариант. Требуется именно динамическая вставка.
Как выглядит реализация такого способа?

@DarkDiabolik · 13.03.2014, 06:59 **[ТС]**

Закрывайте тему. Судя по всему это не возможно. Без AJAX, примерно такого эффекта можно добиться с помощью

PHP
1
flush()

- у которого есть достаточно много подводных камней.

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .