Wie die Anzeige be-Anteil und wie es zu tun, ohne javascript?

Möchte ich etwas ähnliches zu Lader in PHP
so habe ich diese code:

<?php 
$x=1;
while($x<=100) {
   echo "Loading: $x %<br>";
   $x++;
}   
?>

So, dass es die Anzeige von "Loading 1%" bis "Loading 100%".
Aber dies wird dazu führen, dass alle erscheinen ein zu einer Zeit ohne verschwand, nachdem die neue Zeile erscheint. Ich will also wissen, wie zu machen die neue Zeile angezeigt, und die alten verschwinden, und diese beginnt, nachdem die Seite geladen, so wird der Benutzer in der Lage sein, zu beobachten, eine loader eigentlich Beladung von 1% bis 100%.

UPDATE: ich weiß, ich sollte verwenden, JS und/oder Ajax um es zu erreichen, ich wollte nur wissen, ob es einen Weg gibt, kann es auch in PHP 🙂

Fügen Sie einige javascript, um es zu entfernen oder ersetzen Sie es, oder ajax verwenden, um den server Abfragen für die Linie.
Ja, das wäre wahrscheinlich einfacher gemacht, in JavaScript. Und wenn Sie gerade dabei ein random-Schleife, es wird nicht wirklich etwas damit zu tun haben, wie weit die Seite geladen ist. Plus eine Schleife von 100, dass ist nur echo wird im Grunde sofort... Computer sind verdammt schnell.
Ja, ich verstehe nicht, warum du denkst, dass das Verhalten anders sein würde, als das, was Sie bekommen. Es gibt keine Möglichkeit, un-echo-Ausgabe, sobald es an den browser gesendet wird.
Während Ungepuffert server-seitigen scripts Verhalten sich wie die interaktive Konsole-Programme, Sie können nicht annehmen, dass keine Knoten zwischen Ihnen und der browser nicht so funktioniert wie ein Puffer, und es ist eine schlechte Idee zu blockieren, die die Seite-processing-pipeline, wie dies auch.
Ich weiß, ich sollte verwenden, JS und/oder Ajax, um es zu erreichen, ich wollte nur wissen, ob es einen Weg gibt, kann es auch in PHP 🙂

InformationsquelleAutor Marwan Ossama | 2014-04-25

javascript loading loops php polling

28

Folgen lang andauernde Aufgaben ist üblich, aber nicht wirklich leicht umzusetzen das erste mal. Hier ist ein komplettes Beispiel.

Wie die Anzeige be-Anteil und wie es zu tun, ohne javascript?
(eine Probe von lang-laufende task in einem Sellermania's-Produkt)

Kontext

Die Aufgabe

Stellen Sie sich vor Sie haben derzeit die folgende Aufgabe, und Sie möchten, um eine Fortschrittsanzeige anzuzeigen, um Ihre Besucher.

PHP task.php

  <?php

  $total_stuffs = 200;
  $current_stuff = 0;
  while ($current_stuff < $total_stuffs) {
    $progress = round($current_stuff * 100 / $total_stuffs, 2);

    //... some stuff
    sleep(1);

    $current_stuff++;
  }

Die UI

Ihre schöne UI sieht wie folgt aus:

Wie die Anzeige be-Anteil und wie es zu tun, ohne javascript?

HTML ui.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>My Task!</title>
    </head>
    <body>

        <a id="run_task" href="#">Run task</a>

        <div id="task_progress">Progression: <span id="task_progress_pct">XX</span>%

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

        <script type="text/javascript">

            $('#run_task').click(function(e) {
                e.preventDefault();
                $.get('task-launch.php');
            });

        </script>

    </body>
</html>

Der launcher

Wir müssen starten Sie den task im hintergrund, um diese demonstration relevant. Also, das php-Skript wird asynchron aufgerufen wird, wenn ein Klick auf "ausführen", und führen Sie die Aufgabe, die oben im hintergrund.

PHP task-launch.php

<?php

  //launches the task in background
  //see https://stackoverflow.com/a/12341511/731138 for details about the arguments
  exec("/usr/bin/php task.php > /dev/null 2>&1 &");

Probleme

Wie die Anzeige be-Anteil und wie es zu tun, ohne javascript?

Gibt es 3 Probleme:

können Sie den task ausführen, mehr als einmal, indem Sie mehrere Male auf die Schaltfläche ausführen, wie Sie vermeiden, mehrere Aufgaben im hintergrund zur gleichen Zeit?
die Aufgabe lief auf server-Seite, also müssen wir etwas tun, um den Zugriff auf den server und Fragen für die Weiterentwicklung Informationen.
und wenn wir angeschlossen werden, um die server-Seite, die $progress variable nicht verfügbar ist für das Lesen, weil es gespeichert ist, im Rahmen der task.php Laufenden Instanz.

Lösungen

Wie die Anzeige be-Anteil und wie es zu tun, ohne javascript?

Speichern der Statusinformationen in etwas lesbares von außen

In der Regel, das Fortschreiten Informationen sind in einer Datenbank gespeichert oder eine Datei, oder was auch immer werden können writtable durch ein Programm (Ihre Aufgabe actaully), und lesbar durch eine andere (Ihre Benutzeroberfläche, in dem das Fortschreiten angezeigt werden soll).

Ich entwickelte eine Klasse für den Austausch von Daten in mehrere php-Anwendungen (verfügbar auf github hier), funktioniert es über den gleichen Weg wie stdClass aber immer sicher synchronisieren Sie den Inhalt in eine Datei.

Einfach herunterladen src/Sync.php und ändern Sie die task.php oben:

PHP task.php

<?php

require("Sync.php");

$total_stuffs = 200;
$current_stuff = 0;

$shared = new Sync("some_file.txt");
$shared->progress = 0;

while ($current_stuff < $total_stuffs) {
  $shared->progress = round($current_stuff * 100 / $total_stuffs, 2);

  //... some stuff
  sleep(1);

  $current_stuff++;
}

//to tell the follower that the task ended
$shared->progress = null;

Wichtiger Hinweis: hier some_file.txt ist, wo gespeichert sind, Sie Ihre Aufgabe, die gemeinsamen Daten, so zögern Sie nicht und nutzen "task_[user_id].txt" zum Beispiel, wenn jeder Benutzer hat seine eigene Aufgabe. Und Blick auf die readme auf github zu optimieren, den Zugriff auf Dateien.

Verwenden, die synchronisiert variable zu schützen, die task launcher

Die progression auf 0 gesetzt ist am Anfang der task, also das erste, was zu tun ist, um zu überprüfen, bevor die Ausführung der Aufgabe, diese Entwicklung ist nicht auf 0 gesetzt.

PHP task-launch.php

<?php

require("Sync.php");
$shared = new Sync("some_file.txt");

if (is_null($shared->progress)) {
  exec("/usr/bin/php task.php > /dev/null 2>&1 &");
}

Wenn die run-Schaltfläche geklickt wird zweimal sehr schnell, wir haben noch 2 Instanzen der Aufgabe. In diesem Fall behandeln, müssen wir simulieren einen mutex, in einem Wort, ist die variable nur für die aktuelle Anwendung zu tun, einige Sachen - andere Anwendungen bleiben wird schlafen, bis die freigegebene variable ist entsperrt.

PHP task.php

<?php

require("Sync.php");

$total_stuffs = 200;
$current_stuff = 0;

$shared = new Sync("some_file.txt");

//here is the magic: impossible to set the progression to 0 if an instance is running
//------------------
$shared->lock();
if (!is_null($shared->progress))
{
    $shared->unlock();
    exit ;  
}
$shared->progress = 0;
$shared->unlock();
//------------------

while ($current_stuff < $total_stuffs) {
  $shared->progress = round($current_stuff * 100 / $total_stuffs, 2);

  //... some stuff
  sleep(1);

  $current_stuff++;
}

//the task ended, no more progression
$shared->progress = null;

Warnung: wenn Ihre Aufgabe abstürzt und nie das Ende erreichen, werden Sie nie in der Lage sein, um es zu starten nicht mehr. Um solche Fälle zu vermeiden, können Sie auch speichern des Kindes getmypid() und einige time() Stoffe in Ihrem shared variable, und fügen Sie einen timeout-Logik in Ihre Aufgabe.

Verwenden Sie polling, um den server auffordern, Fortschreiten Informationen

Polling steht für Fragen zur Versetzung von Informationen an den server jedes Zeitintervall (z.B. 1 Sek, 5 Sek oder was auch immer). In einem Wort, client fragt Statusinformationen an den server alle N Sekunden.

auf server-Seite müssen wir code die handler zu beantworten, die das Fortschreiten Informationen.

PHP task-follow.php

<?php

require("Sync.php");

$shared = new Sync("some_file.txt");

if ($shared->progress !== null) {
    echo $shared->progress;
} else {
    echo "--"; //invalid value that will break polling
}

auf der client-Seite müssen wir code "gefragt, der Statusinformationen an den server" business

HTML ui-polling.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>My Task!</title>
    </head>
    <body>

        <a id="run_task" href="#">Run task</a>

        <div id="task_progress">Progression: <span id="task_progress_pct">XX</span>%

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

        <script type="text/javascript">

            $('#run_task').click(function(e) {
                e.preventDefault();

                <!-- not a good practice to run a long-running task this way but that's a sample -->
                $.get('task-launch.php');

                <!-- launches the polling business -->
                setTimeout(function() {
                    getProgressionInformation();
                }, 1000);

            });

            function getProgressionInformation() {
                $.get('task-follow.php', function(progress) {
                    $('#task_progress_pct').html(progress);
                    if (progress !== '--') {
                        <!-- if the task has not finished, we restart the request after a 1000ms delay -->
                        setTimeout(function() {
                            getProgressionInformation();
                        }, 1000);
                    }
                });
            }

            /* the task might be already running when the page loads */
            $(document).ready(function() {
                getProgressionInformation();
            });

        </script>

    </body>
</html>

Wie die Anzeige be-Anteil und wie es zu tun, ohne javascript?

Mit einem minimum an JavaScript ?

Ich entwickelte auch ein jquery-plugin, domajax, zu tun gedenke, "ajax ohne javascript" (in der Tat, das plugin selbst ist in jQuery, aber benutze es nicht benötigen JavaScript-code), und durch die Kombination von Optionen, die Sie tun können, abrufen.

In unserer Vorführung:

der Anhänger wird:

PHP task-follow.php

<?php

require("Sync.php");

$shared = new Sync("some_file.txt");

if ($shared->progress !== null) {
    echo $shared->progress;
}

der UI source wird:

HTML ui-domajax.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>My Task!</title>
    </head>
    <body>

        <a
            href="#"
            id="run-task"
            class="domajax click"
            data-endpoint="task-launch.php"
            data-domajax-complete="#polling"
        >Run task</a>

        <div
            id="polling"
            data-endpoint="task-follow.php"
            data-delay="1000"
            data-output-not-empty="#task-progress-pct"
            data-domajax-not-empty=""
        ></div>

        <div id="task-progress">Progression: <span id="task-progress-pct">--</span>%

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="//domajax.com/js/domajax/jquery.domajax.js"></script>

    </body>
</html>

Wie Sie sehen können, gibt es keine sichtbaren javascript wird in diesem code. Sauber ist es nicht?

Andere Beispiele sind verfügbar auf domajax website, schauen Sie auf der "Verwalten Fortschrittsbalken leicht" Registerkarte in der demo-Bereich. Alle Optionen sind stark dokumentiert für details.

Was für eine Antwort!
Alle, die Javascript ist wie 120kb der extra-code für den client herunterzuladen, sich in den Arbeitsspeicher laden und JIT-Kompilierung. Ein Grund für die Vermeidung von Javascript (die OPs Frage verlangt) ist nicht nur für Sauberkeit, sondern auch die Effizienz.
Du hast Recht, die Frage, die nötig ist, um das Fortschreiten ohne javascript; aber es enthielt auch Verwirrungen über output buffering und der global polling-Architektur. Meine Antwort ist allgemeiner und umfasst das Thema; es gibt eine (bessere) Möglichkeit, das zu tun polling. IMHO, im wirklichen Leben, javascript ist nur selten vermeiden, wenn Sie benötigen, um die Umfrage.

InformationsquelleAutor Alain Tiemblo

38

PHP ist eine server-side-Sprache und es gibt Sie Antwort, basierend auf Anfrage .

kann man nicht manipulieren (wie Sie wollen) auf DOM .

für diese sollten Sie verwenden, javascript und AJAX ändern von DOM-Elementen, basierend auf PHP Ergebnis

Ich weiß, ich sollte verwenden, JS und/oder Ajax, um es zu erreichen, ich wollte nur wissen, ob es einen Weg gibt, kann es auch in PHP 🙂
"PHP ist eine serverseitige Sprache ... man kann nicht nicht manipulieren (wie Sie wollen) auf DOM."
Nein. Sobald PHP gesendet hat, etwas auf dem browser, der ist es; es ist nicht möglich, für PHP zu ändern oder anderweitig zu modifizieren, was gesendet wurde.
Dies ist nicht immer wahr, PHP flush/ob_flush kann im wesentlichen anfügen an den DOM in einigen web-Servern. Überprüfen Sie heraus die Antwort, die ich gerade gebucht
(Ich bin eigentlich upvoting Ihre Antwort, nicht nur, weil es richtig ist, aber auch lassen Sie haben die seltene Umkehrung Abzeichen, offenbar Ihre erste gold! Herzlichen Glückwunsch 🙂 )

InformationsquelleAutor Anri
27

Du eigentlich nicht müssen Javascript, um dies zu erreichen. Wenn die Aufgabe, die Sie warten, ist hartnäckig, können Sie einfach erstellen Sie ein PHP-Skript, dass:
1. Findet die Aufgabe (in einem DB z.B.)
2. Prüft den Prozentsatz vollständig von der Aufgabe
3. Echo ist der Prozentsatz der Benutzer
4. Wenn Anteil < 100%
  - Seite aktualisieren,
  - Ansonsten redirect komplette Seite.
Können Sie eine nicht-javascript-refresh mit einem HTML-meta-refresh. Es könnte in etwa so Aussehen (noch nicht getan, PHP in 10 Jahren, so behandeln diese wie pseudocode):
```
<?php
    $taskId = $_GET("taskId");
    $task = lookupTask($taskId);
    $refresh = $task->percentComplete < 100;
?>
<html>
    <head>
        <? if($refresh): ?>
        <meta http-equiv="refresh" content="5">
        <? else: ?>
        <meta http-equiv="refresh" content="0; url=taskComplete?taskId=<?=$taskId ?>" />
        <? endif; ?>
    </head>
    <body>
        Loading: <?=$task->percentComplete ?>
    </body>
</html>
```
Einen anderen Ansatz, eine wirklich hässlicher hack,, wäre die Verwendung von PHP flush () - Methode. Flush erzwingt die aktuelle Ausgabe Puffer auf das, was ist PHP läuft (CGI). Diese Ausgabe wird manchmal weiter puffert der host-Anwendung, sondern auf einem web-Server sendet die Ausgabe direkt an den Benutzer. Lesen Sie hier mehr: http://php.net/manual/en/function.flush.php

Müssen Sie möglicherweise kombinieren Sie es mit ob_flush, aber ich bin nicht positiv: http://php.net/manual/en/function.ob-flush.php

Mit CSS, man konnte alle ausblenden 'laden' text standardmäßig, aber überschreiben, die für den letzten-Kind-be-text und zeigt ihn statt. Zum Beispiel:
```
<style type="text/css">
.loadText {
    display: none;
}
.loadText:last-child {
    display: block;
}
</style>
<?php 
for ($x = 0; $x <= 100; $x++) {
   echo '<div class="loadText">Loading: ', $x, '%</div>';
   flush();
}
?>
```
Beide Lösungen sind schrecklich, ich wollte nur zu teilen, für die Vollständigkeit 🙂

InformationsquelleAutor Jay Ty
11

Etwas näher auf die Antworten hier;

PHP ist eine serverseitige Sprache, aber das ist nicht der Grund, warum es nicht normalerweise Arbeit.

Dies hat zu tun mit der Art, wie wir kommunizieren über das HTTP-Protokoll.

Wenn ein client sendet eine HTTP-Anfrage an den server, das erste was passiert ist, dass Sie eine Verbindung herstellen. Der server verarbeitet die Anforderung und erzeugt eine Antwort, die dann zurück an den client gesendet.

Sobald die Antwort empfangen wird, wird die Verbindung stirbt.

So, in der Regel, erhalten Sie eine Antwort pro Anfrage.

Ein häufiges Missverständnis ist, dass mit der jetzt ausgefallenen keep-alive header für persistente verbindungen, Sie können halten Sie die Inhalte als der socket offen bleibt. HTTP hat nicht wirklich so funktioniert und würde verlangen, ein wenig mehr manipulation vor, können Sie streamen Sie Ihre Daten ein.

Aber mehr auf, dass hier und hier.

Was können Sie tun?

Gibt es ein paar Optionen, die ich denken kann.
1. Über eine client-side-Sprache (in der Regel JavaScript), können wir senden XMLHttpRequest Objekte für die Abfrage der server basiert auf jede Antwort, die wir erhalten, effektiv erstellen einen Strom von Medien.
2. Komet ist ein ziemlich breiter Begriff, der für die Ermöglichung der web-Server push-Daten zurück an den client über HTTP-Anfragen. APE ist eine Implementierung der.
3. Haben Sie einen Blick auf Web Sockets mit Ratsche.
4. Sie konnte, in der Theorie und wenn Sie wusste, dass Sie die Adresse Ihrer client -, schreib-APIs auf beiden Seiten die akzeptieren würden locken und XHRs. In diesem Fall, dass beide Seiten agieren als clients und Servern und kommunizieren auf der gleichen Ebene. Dies ist mit PHP möglich, aber nicht die beste Lösung für den Browser.
Schließlich, möchten Sie vielleicht zu Lesen dieses beliebte Antwort das geht über einige dieser Technologien.

In HTTP 1.1 (auch SPDY), alle verbindungen gelten als persistent, wenn nicht anders angegeben. Sie haben mehrere Anforderungen mit einer einzigen Verbindung. Und SPDY die gleiche Weise verhält. Dies ist kein Missverständnis! Lesen Sie einfach die SKILLUNG: tools.ietf.org/html/rfc7230#section-6.3
Was Sie sagen ist wahr, aber meine Antwort ist in Bezug auf die Frage, die Sie möglicherweise nicht sorgfältig gelesen habe. Sie haben mehrere Anfragen mit dem gleichen sockel, ja. Und das ist standardmäßig auch die, die ich festgestellt habe. Aber die dauerhafte Verbindung nur bedeutet, dass der client verwenden können, die gleichen zugrunde liegenden socket zum senden von mehreren Anfragen und empfangen der entsprechenden Antworten. Der server kann nicht einfach push - Daten zurück an den Kunden, es ist keine Kontrolle, es wird nur reagiert mehrmals auf mehrere Anfragen. Es ist nicht Einleitung hier.
NÖ. Der client stellt eine Anfrage. Antwortet der server und hält die Verbindung offen - drücken Sie einfach die Daten zurück an den client in Stücke schneiden. Dann wird die Verbindung geschlossen. Es reagiert nicht mehrere Male, um mehrere Anforderungen, sondern reagieren auch mehrfach eine Anfrage. Beispiel: stackoverflow.com/a/25203014/1163786 - ich die Frage genau Lesen: es enthält nicht ein Wort über die Anforderung von mehreren Anfragen. Wie auch immer, wir beide wissen, dass wir verwenden würden, JS-oder polling-tech.
Ich habe deine Antwort gelesen, aber es widerspricht nicht etwas in mir. Das einzige, was ich betonte, ist die Tatsache, dass HTTP ein request/response Protokoll. Auch in Ihrem Skript, während die Daten wieder in Blöcken, es ist nur noch one Antwort. War meine Antwort zu diesem Thema zu erarbeiten, wie ich eindeutig in Fett. Ähnliche Antwort hier

InformationsquelleAutor LifeQuery
7

Einfach:
```
<style> div:not(:last-child) { display:none } </style>
<?php 
$x=1;
while($x<=100) {
   echo "<div>Loading: $x %</div>";
   $x++;
}   
?>
```
So, die alten <div>s versteckt, als die neue erscheinen.

Sehr clever 🙂
Das wird nicht funktionieren, wenn Sie haben die response-buffering auf und nicht bündig nach jeder iteration. Aber auch, es misst nichts. Wohin Sie dieser, es ist im Prinzip sofort gehen Sie durch diese Zeilen. Auch mit der response-Puffer.
Guter Ausgangspunkt um die Reaktion Puffern. Auch ich war der Annahme, dass der Autor würde die "echo" - Anweisungen irgendwo anders, so dass ein tatsächlicher Wert gemessen werden sollte.
Ich sehe das, was Ihr zweiter Punkt ist hier, möchten Sie vielleicht, um die Reihenfolge der Codes zu simulieren, wie das wäre, anstelle der Verwendung einer Schleife. Auch, sicher sein, zu verwenden, ein @name, 'ping' mir, so sehe ich die Antwort; so: @jasonhansel
Sicher, dass es funktionieren würde. Aber du brauchst entweder GOTO oder verzögern und warten, bis etwas beendet ist - oder delay-eine weitere Runde. Mann, das wäre ein böse hack 🙂

InformationsquelleAutor jasonhansel

4

Dieses Skript arbeitet mit PHP 5.4 und Nginx auf server-Seite und es ist mit Firefox getestet auf client-Seite. Es funktioniert nicht mit Google Chrome.

Demo bei YouTube über

Hinweise

nur eine Anfrage
muss die Verbindung offen gehalten werden
um zu senden, Inhalt in Teile, die Antwort muss sein chunked
Sie benötigen, setzen ein no-Pufferung header für deinen webserver
php muss so konfiguriert werden, dass sofort spült
müssen Sie einen trick oder clevere Lösung, die zum schreiben in der gleichen Zeile in den browser
- hier einen css trick verwendet

<?php
header('X-Accel-Buffering: no'); //nginx related - turn the output buffer off
header('Content-Encoding: chunked;');

header('Transfer-Encoding', 'chunked');
header('Content-Type', 'text/plain');
header('Connection', 'keep-alive');

function dump_chunk($chunk)
{
  printf("%s\r\n", $chunk);
  flush();
  ob_flush(); //if you comment this out, the chunk updates are slower
}

ob_start();
?>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>A Chunked Response</title>
        <style> div:not(:last-child) { display:none; } </style>
    </head>
    <body>
        <?php
        //inital clear all
        ob_end_flush(); flush(); ob_flush();

        //browser padding
        echo str_pad('', 4096) . "\n"; flush(); ob_flush();

        for ($i = 0; $i < 1000; $i++) {
            usleep(15000);
            dump_chunk('<div>Sending data chunk ' . ($i + 1) . ' of 1000 <br /></div>');
        }

        usleep(10000); //this is needed for the last update
        ?>
    </body>
</html>

das ist toll!!!

InformationsquelleAutor Jens A. Koch

3

Ich weiß nicht, ob ich wirklich verstehe Ihre Frage, aber ich habe etwas in der Regel Menschen, die es nicht wissen. Um den Eindruck zu erwecken, dass die Zeile überschrieben wird, können Sie ein CR (Carriage Return "\r") vor der Ausgabe. Ich schrieb es auf ein Beispiel:
```
<?php
$x=1;
while($x<=100) {
   echo "\rLoading: $x %";
   usleep(10000);
   $x++;
}
?>
```
Läuft dies auf ein terminal bekomme ich einen coolen laden status:
$ php code.php

Hoffe, dass das, was Sie schon immer gesucht haben.

InformationsquelleAutor chaws
2

Nein, Sie können nicht dies tun, ohne die Hilfe von javascript oder jquery.

Können Sie eine php-Seite, wenn Sie brauchen, und dass die Rückkehr der Fortschritt wie unten
```
//yourprogresspage.php

    <?php 
    $x="your progress";
    echo "Loading: $x %<br>";

    ?>
```
dann müssen Sie rufen es von Ihrer Seite mittels jquery
```
<script>
   var repeater;
   function updateprogress() {
      $.post( "yourprogresspage.php", function( data ) {
         $( ".progressdiv" ).html( data );
      });
      repeater = setTimeout(updateprogress, 1000);
   }   
  updateprogress();
</script>
```
Es kann getan werden, mit nur HTML und CSS. Sie können Feste Positionierung oder CSS-Selektoren Ausrichtung der letzten Zeile hallte.
In der Frage, die er eindeutig erwähnt, dass Sie tun müssen, um diese mit Hilfe von php, wenn der Fortschritt wird immer von einem Datenbank-Wert als sicher, die Sie benötigen, um den Einsatz von php oder andere server-side-scripting. In diesem Fall, wie können Sie zeigen die Fortschritte, die nur mithilfe von HTML und CSS?

InformationsquelleAutor JSunny

2

Ich ein bisschen CSS und HTML, Das ist, was ich kam mit:

<html>
    <?php 
        $x=1;
        while($x<=100)
        {
    ?>
    <div id="count"style="position:absolute;top:10px;left:10px;">
        <style>
        #count:after 
        {
          content:'<?php echo "Loading: $x % "; ?>';      
        }
        </style>
    </div>
    <?php 
        $x++;
        sleep(1); 
        } 
    ?>
</html>

InformationsquelleAutor Nivedita

1

Müssen Sie zum aktualisieren der Seite mit javascript.

<?php

echo '<div id="percent"></div>';

$x = 0;
while($x<=100) {
   echo '<script type="text/javascript">document.getElementById("percent").innerHTML = '.$x.';'.'</script>';
   $x++;
   sleep(1);
}

Können Sie entfernen Sie die sleep-Funktion und machen Ihre Arbeit dort.

Ich weiß schon, wie es in Javascript, aber trotzdem danke 🙂

InformationsquelleAutor stomo21

1

Eigentlich PHP nicht bieten eine solche Funktion.

Zeigen eine progress-bar, die Sie könnten versuchen, diese:

Während der Ausführung der lang-Datei-Generierung, speichern Sie eine Prozentsatz-getan-Wert in die aktuelle Sitzung des Benutzers

Auf der Seite, die zeigt das download-Formular, fügen Sie ein iFrame, welche Anrufe ein progress.php Skript

Den progress.php Skript zum generieren Webseite, die Bedürfnisse neu zu laden auto-magisch

Den progress.php Skript Lesen muss, den aktuellen progress-Wert aus der session aus und zeichnen Sie eine Fortschritt-bar-Grafiken, die visuell repräsentiert den Fortschritt.

Dies ist zwar eine PHP-only-Lösung, könnten Sie sich gut vorbereiten, ein anderes mit JS /AJAX.

Den HTML-auto-reload sollte wie diese:

http://linuxfreak.com/progress.php">

InformationsquelleAutor freakywebix
1

Nach dem Lesen alle Kommentare und Antworten, die sagen, dass dies nicht möglich ist, mit PHP, ich dachte, ich würde eine minute dauern, um zu beweisen, dass Sie falsch 😛

Empfehle ich nicht wirklich mit dieser (da gibt es sicherlich bessere Wege zum erreichen einer be-Statusanzeige), aber dieses "un-echo" der vorherigen Zeile, solange Sie nicht die zlib-Komprimierung in PHP aktiviert:
```
<?php 
$x = 0;
echo "<html><body>";
echo "<div style=\"position: fixed; color: white; background-color: rgba(0,0,0,0.5); top: 0; left: 0;\" id=\"loader0\">Loading: 0%</div>";
ob_implicit_flush(true); //Forces all output to immediately send
while($x < 100) {
    $x++;
    //Padding the string overcomes browser caching and TCP packet delays due to insufficiently sized packets
    echo str_pad("<div style=\"position: fixed; color: white; background-color: rgba(0,0,0,0.5); top: 0; left: 0;\" id=\"loader{$x}\">Loading: {$x}%<script>var prev = document.getElementById('loader".($x-1)."'); prev.parentNode.removeChild(prev)</script></div>", 4096, " ");
    sleep(1); //Just for demo
}
?>
```
ok, läuft die Schleife 100 mal und in jeder iteration schläft für 1 Sek, das ist 100secs. php ist Standard max_execution_time liegt bei 30 Sekunden, so wird dies halt bei 30% - wenn Sie den Wert von max_execution_time wird nicht erhoben.
Da hast du Recht. Ein weiterer der endlosen Gründe, um nicht wirklich tun.
Koch: sleep() zählen in der php-Ausführungszeit? Ich denke nicht so. - NÖ, ist es sicher: php.net/manual/en/function.set-time-limit.php
Hmm. Interessant. Ich bin auf Windows und die sleep () - Zeit ist gezählt, als der Ausführung. Ich denke, Sie sind auf Linux, wo die Schlaf-Zeit wird ignoriert und nicht mitgezählt die in der Ausführung Zeit. Aber können Sie erklären, warum sleep() nicht zählen, die in der Ausführung Zeit auf Linux?
"Die set_time_limit () - Funktion und die Konfigurations-Direktive max_execution_time betreffen nur die Ausführungszeit des Skripts selbst. Jede Zeit, die auf Aktivität, die geschieht, außerhalb der Ausführung des Skripts wie Systemaufrufen mit system(), stream-Operationen, Datenbank-Abfragen, etc. ist nicht im Lieferumfang enthalten, bei der Bestimmung der maximalen Zeit, die das Skript ausgeführt wurde. Das ist nicht wahr, über Windows, wo die gemessene Zeit ist real." -http://php.net/manual/en/function.set-time-limit.php

InformationsquelleAutor aecend

1

Kann ich nicht sehen, die anderen Weg, dann versenden mehrerer Anfragen zu ein und demselben Skript und speichern Sie den Prozentsatz des Fortschritts in der Sitzung. Dies könnte eine Reine PHP-und HTML-Lösung.

<?php
session_start();
if(isset($_SESSION['progress']))
    $progress = $_SESSION['progress'] = $_SESSION['progress'] + 10;
else
    $progress = $_SESSION['progress'] = 10;
if($progress < 100){
    echo '<head><meta http-equiv="refresh" content="1; 
            url=http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'].'" /></head>
        <body>'.$progress.'%</body>';
} else {
    echo 'Done';
}

Was denkst du ?

InformationsquelleAutor webNeat

1

Könnten Sie ob_flush(); und flush();

Dieser Arbeit wird aber bewusst sein, dass Sie sollten geben Sie document Charset
```
<meta charset="utf-8" />
```
und dann am Anfang von php hinzufügen ob_start(); im loop kopieren Sie beide ob_flush(); flush();

aber dieser druckt alle 1 bis 100 sollten Sie php print
```
<script>
   document.getElementById('that div').innerHTML = "Loading [THE PERCENT]%";
</script>
```
Dies ist meine eigene Art und Weise.

InformationsquelleAutor UltraDEVV

1

So viel für so eine simple Frage. Wirklich, was Sie Fragen ist, wie stream-Ausgabe vom server, Wenn ich die Frage richtig, diese Funktion aufrufen.

function streamOutput(){
    //Turn off output buffering
    ini_set('output_buffering', 'off');
    //Turn off PHP output compression
    ini_set('zlib.output_compression', false);

    //Flush (send) the output buffer and turn off output buffering
    //ob_end_flush();
     while (@ob_end_flush());

    //Implicitly flush the buffer(s)
    ini_set('implicit_flush', true);
    ob_implicit_flush(true);

    //prevent apache from buffering it for deflate/gzip.
    for($i = 0; $i < 1000; $i++){
        echo ' ';
    }

    flush();
}

Dann in der Schleife so etwas tun.

$sleep = 100;
for( $i = 0; $i < $sleep; $i++){
    echo str_repeat('.', $i+1)." ".$i."%\n";
    flush();
    sleep(1);
}

Ist der wichtige Teil ist hier zu nennen, Spülen, Wann immer Sie wollen, um eine Ausgabe generieren. Da für die änderung der DOM, schon mal gehört von einem IFRAME, führen Sie es einfach in einem iframe und Ihr alles gute. Iframes sind die Wurmlöcher des interwebs.

InformationsquelleAutor ArtisticPhoenix

1

dies funktioniert gut für mich

if(!session_id())
    session_start();        

if($_SESSION['loding']<=100){
   echo "Loading:".$_SESSION['loding']++ ."%<br>";
    ?>
     <div style="width:<?echo $_SESSION['loding'];?>px; height:10px; background-color:green;"></div>
   <? //the above div content displays a green loader type effect.
    header( "refresh:.5; url=loaderinphp.php" );
   }
else{
     //redirect to another page or code here
}//unset the session $_SESSION['loding'] while calling again for another page load

Screenshot:

Wie die Anzeige be-Anteil und wie es zu tun, ohne javascript?

die Sache über php ist, dass es wird vollständig geladen und angezeigt, als html-Inhalt.

(ich.e)

echo "1";
usleep(5000000);
echo "2";

hier sind sowohl die echo-Anweisungen werden angezeigt, gleichzeitig aber die Ladezeit der Seite wird erweitert, wie Sie die Zeit verlängern, in usleep-Funktion.

so haben wir, um eine server-Anfrage jeder Zeit erhöhen wir den Wert im laden von Inhalten.

als u wissen bereits, dass dies getan werden könnte, mit javascript,jquery,ajax, habe ich versucht dies mit session.

hoffe, das ist praktisch...

InformationsquelleAutor Ronser

0

Nicht möglich nur mit PHP, aber es erreicht werden kann, mit PHP + JS, versuchen Sie folgenden Beispiel,

<?php
ob_start();
ob_implicit_flush();
ob_end_flush();
?>
<html>
    <head>
        <title>Loader Test</title>
        <script type="text/javascript">
            function updateLoader(val) {
                document.getElementById('loader').innerHTML = "Loading:" + val + "%";
            }
        </script>
    </head>
    <body>
        <div id="loader"></div>
        <?php flush();ob_flush(); ?>
        <?php
            for( $i = 1 ; $i <= 100 ; $i++ )
            {
                echo '<script type="text/javascript">updateLoader('.($i).')</script>';
                flush();
                ob_flush();
                usleep(50000);
            }
        ?>
        <?php ob_end_flush(); ?>
        <p>Completed</p>
    </body>
</html>

Hinweis: dies wird nicht funktionieren, wenn zlib.output_compression aktiviert ist oder einige antivirus-software hält den Puffer, bis die Seite fertig geladen, bevor Sie an den browser.

InformationsquelleAutor Dharmesh Patel

0

Lets sagen, die Seite hat einige große Daten zu laden, so dass Sie wollen, loader.

Können Sie die Benutzer denken, es ist eine loader.

<?php
    //Loader last id
    $loader_id = 0;

    //Initiate loader
    function initLoader(){
        echo '<style>.php_loader{width:100px;height:50px;line-height:50px;margin-top:-25px;margin-left:-50px;position:fixed;top:50%;left:50%;}</style>';
        //Load first loader
        echo '<div id="php_loader_'.$GLOBALS['loader_id'].'" class="php_loader">0%</div>';
    }

    //Upadate loader
    function updateLoader($percent){
        //Remove last loader
        clearLoader();

        //Insert new loader
        $GLOBALS['loader_id']++;
        echo '<div id="php_loader_'.$GLOBALS['loader_id'].'" class="php_loader">'.$percent.'%</div>';

        ob_flush();
        flush();
    }

    function clearLoader(){
        //Remove last loader
        echo '<style>#php_loader_'.$GLOBALS['loader_id'].'{display:none;}</style>';
    }

?>
<html>
    <head>
        <title>Server Side Loader</title>
    </head>
    <body style="padding:30px; font-size:30px;font-family: Courier;">
        <?php
            //On body start we init loader
            initLoader();
            sleep(1);
        ?>

        25% off the page just loaded</br>

        <?php
            updateLoader(25);
            sleep(1);
        ?>

        30% off the page just loaded</br>

        <?php
            updateLoader(30);
            sleep(1);
        ?>

        50% off the page just loaded</br>

        <?php
            updateLoader(50);
            sleep(1);
        ?>

        80% off the page just loaded</br>

        <?php
            updateLoader(80);
            sleep(1);
        ?>

        100% off the page just loaded</br>

        <?php
            updateLoader(100);
            sleep(1);

            //Clear loader before body
            clearLoader();
        ?>
    </body>
</html>

Schön und glatt.

InformationsquelleAutor GramThanos

-1

Es hängt wirklich davon ab, wie das mit dem laden, aber was Sie tun könnte, wenn Sie wirklich wollen, zu verwenden AJAX js zu halten, eine geöffnete Verbindung und auf jedes update von der Verarbeitung auf dem back-end zu update-der-front-end mit JS , aktualisiert die korrekte Anzeige widget/Feld in der AJAX Rückruf.

Wenn Sie nur wollen, es zu tun mit PHP könnte man einfach folgende:
```
<?php 
$x=1;
while($x<=100) {
   echo "Loading: $x %<br>";
   $x++;
   <CALL THE FUNCTION THAT DOES THE ACTUAL PROCESSING HERE>
   ob_end_clean();
}  
```
InformationsquelleAutor ziGi
-1

Nur um diese Frage, könnten Sie output buffering benutzen, wenn Sie wirklich wollen, dies zu erreichen (dies wird nicht empfohlen obwohl). Die einzige Einschränkung ist, dass können Sie nicht überschreiben Vorherige Ausgabe. Das ist mehr wie ein Fortschrittsbalken:
```
<?php

while(@ob_get_clean());
echo "Loading: ";
for($i=0; $i<10; $i++) {
    echo str_pad("+", 4096);          
    usleep(200000); 
}
echo "Done.";

?>
```
Sehen Display-Ausgabe in teilen in PHP.

Kommen Sie an, wenn Sie downvote Sie könnte zumindest erklären, warum ...
Im wesentlichen, was Ihr code tut, ist nicht ausgegeben, nichts, bis 100% erreicht wurde oder noch subjectible, um die beschriebenen Probleme durch die OP.
Der obige code macht genau das Gegenteil, es bedeutet nicht warte bis 100% erreicht ist, es gibt den Fortschritt in Stücke schneiden. Das ist der springende Punkt ...

InformationsquelleAutor Ke Vin
-2

Lösung, nicht das beste für die Entwickler, aber es werden arbeiten für das, was Sie wollen.
Du bist Skript ist ok.
Aber wenn man sich das Ergebnis auf alle, und Sie sehen nicht Fortschreiten, ist es, weil es ist ein Puffer-Mechanismus.
Vielleicht php, vielleicht web-server (apache,...) oder vielleicht sogar browser-Puffer.

Werfen Sie einen Blick auf die flush() php-Funktion.
Um zu testen, müssen Sie die Benutzer ein "command-line browser" (vielleicht telnet /GET manuelle Anforderung). Wenn die Befehlszeile zeigen Sie den Inhalt der nächsten Zeile nach Zeile, dann ist das problem mit Ihrem web-browser.

Aber zuerst, Sie brauchen, um zu identifizieren, WO ist der aktuelle Puffer-Mechanismus: php-Ausgabe? (siehe flush php-Funktion), web-server-Komprimierung ? (siehe gzip-Komprimierung) vielleicht browser-buffering ? (chrome wartet das Ende der Datei vor dem anzeigen der Ergebnisse)

InformationsquelleAutor user3918446

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.