Aktualisieren der php-Seite mit Schaltfläche

Question

Ich habe ein einfaches Codierungsproblem. Ich habe eine Seite mit einem Textfeld und einer Schaltfläche zum Teilen erstellt.

Ich hatte ein Problem mit der Schaltfläche "Zeigen", die, wenn der Benutzer auf diese Schaltfläche klickt und die Seite aktualisieren ... ein Fenster fragen nach erneute Übermittlung von Informationen

dafür habe ich folgenden Code verwendet, der gut funktioniert.

header('Ort: samepageurl.php');

exit;`

aber das Problem mit oben genannten Code ist, wenn Benutzer nach unten scrollen Seite und klicken Sie auf die Schaltfläche. die Seite automatisch nach oben scrollt. und Benutzer müssen es manuell nach unten scrollen.

Was ich will, ist die Seite sollte aktualisieren, aber es sollte an der gleichen Stelle sein, wo es war.

Wenn das Problem immer noch unklar ist, sehen Sie sich bitte die folgenden Bilder an

Answer 1

Sie können einen Fragmentbezeichner festlegen.

z. B:

<a name="points_up"></a> <!-- this needs to be near that button, the page will scroll exactly where the element is -->

und leiten Sie ihn weiter zu:

header('Location: samepageurl.php#points_up');
die;

Answer 2

Mihai Antwort ist richtig, aber wie Sie sagten, dass Fragment-Identifikator nicht funktioniert, weil jeder Benutzer Punkte bis Taste hat, können Sie übergeben user id als Fragmentbezeichner verwenden und ein hidden( display : none; ) <a> Tag und übergeben Sie die Benutzerkennung vor jedem Benutzer...

Zum Beispiel so:

Sie können ein Präfix vor eine Benutzerkennung zu (fakultativ)

<a name="pu12345" style="display: none;"></a>

<?php
   header('Location: whatever.php#pu12345');
   exit;
?>

Answer 3

Sie können die Anfrage über Ajax senden, anstatt sich auf die normale Formularübermittlung zu verlassen. Das hat keinen Einfluss auf das Scrollen der aktuellen Seite.

Answer 4

Fügen Sie diese Zeile am Ende Ihrer Seite vor dem < \body > Tag

<button id="PageRefresh">Refresh a Page in jQuery</button>

<script type="text/javascript">
         $('#PageRefresh').click(function() {
         location.reload();
         });
</script>