Post/Redirect/Get (PRG) – Pattern

Veröffentlicht von Marcel - 3. Oktober 2016

PRG ist ein Webentwicklungs-Design-Pattern welches doppelte Formular-Submissions durch Neu-Laden der Seite verhindert und ermöglicht, dass Bestätigungsseiten als Bookmark gespeichert werden können.

prg-1050x700

.Das Problem

Ein Kunde ist in einem Online-Shop und kauft etwas ein, dazu füllt er am Ende seiner Bestellung ein Bestellformular mit seinen Daten aus. Diese Daten werden über einen HTTP POST request an der Server gesendet, dieser Verarbeitet die Daten und stößt die entsprechenden Verfahren an, Buchungsbestätigung, Geld einziehen, Warenwirtschaft, etc.. Letztendlich erhält der Kunde eine Bestätigungsseite angezeigt und freut sich auf die bestellte Waschmaschine. Allerdings möchte der Kunde diese Bestellung später seiner Frau zeigen, dazu möchte er die URL als Bookmark speichern – leider ist das aber nicht möglich, da der POST-Request keine individuelle erstellt. Sollte der Benutzer die Seite nun auch noch aus einem beliebigen Grund neu laden, wird der POST request erneut an den Server gesendet und der Kunde kann sich über eine weitere Waschmaschine freuen. prg1

Die Lösung

Um das Problem zu verhindern ist ein zwischenschritt zwischen der serverseiten Datenverarbeitung und dem Senden der Bestätigungsseite nötig. Anstatt direkt eine Webseite zurückzuschicken, sendet der POST lediglich einen 302 -Redirect an den Browser zurück. Dadurch landet der Benutzer über einen GET-Request auf einer „sicheren“ Seite, mit eigener URL, die er ohne Probleme neu laden oder als Browser-Bookmark speichern kann. prg2

Das könnte Dich auch interessieren

Pinterest – für alle, denen die gute alte Pinnwand zu Oldschool ist

Pinterest: Was ist das schon wieder? Muss ich diesem Trend folgen? In meinem Blogeintrag will ich euch einen Einblick in die Welt von Pinterest geben und die Vo...

Omega und Alpha

Wundert euch nicht, dass ich jetzt vom Ende schreibe, bevor ich überhaupt einen richtigen Anfang habe – das liegt einfach in meiner Natur. In vielen Lebenssi...

Einblick in den Praktikanten-Alltag bei den Media Favoriten: Web – Entwicklung

Du studierst in einem Informations- oder medientechnischen Studiengang und willst etwas Praxiserfahrung sammeln, weißt aber nicht was auf dich zukommen wird? D...