Post-Formulare Testen

Zur Übergabe von Daten aus einem Html-Formular gibt es zwei Möglichkeiten: Get und Post.

Get

Bei Get werden die Werte der Datenfelder einfach an die Url hinten angehängt ein Beispiel:

1
2
3
4
5

<form method="get">
<input type="text" name="suche" value="" />
<input type="hidden" name="somehiddendata" value="siehtmannicht" />
<input type="submit" value="suchen" />
</form>

Die von diesem Formular aufgerufene URL sieht in etwa so aus: http://yoursite.de/index.html?suche=ihreeingabe&somehiddendata=siehtmannicht

Die Daten sind zum testen einfach zu manipulieren da man die Url einfach abändern kann.

Post

Ein Post-Formular unterscheidet sich vom Aufbau nicht sehr vom Get-Formular:

1
2
3
4
5

<form method="post">
<input type="text" name="suche" value="" />
<input type="hidden" name="somehiddendata" value="siehtmannicht" />
<input type="submit" value="suchen" />
</form>

Jedoch werden hier die Daten nicht an die URL hintenan gehängt, sondern versteckt beim Aufruf mit übermittelt, d.h. ich kann sie zum testen nicht einfach verändern.

Abhilfe schafft hier ein Browserplugin für den Chrome (ja ich benutze gerne Chrome), das es uns ermöglicht bestimmte Post Daten an eine Url zu senden und das Ergebnis direkt darunter anzuzeigen:

Postman 

Hier kann zwischen verschienden Methoden ausgewählt werden, wie die Daten übertragen werden sollen, ob als Post, Get, Put oder andere. Sogar die Header können angepasst werden. Anschließend kann man die Variablen die man übergeben will einzeln als Key-Value Paar, oder im Raw-Format als String eingeben.

Sehr hilfreich um z.B. Ajax Scripte zu debuggen und zu testen.