Formular per POST versenden und daten empfangen

[DarkRaver]

Hallo,
ich möchte mal ein paar Ajax-Tests machen und stoße schon am Anfang auf ein Problem.
Ich möchte, dass ein Formular per POST versendet wird, danach soll PHP den Befehl $string = md5($_POST['input']); ausführen, sodass ich den md5 $string per Ajax wieder empfange und ohne Seiten-Reload dann den String anzeigen lasse.
Ich hoffe, es ist verständlich was ich möchte, und bedanke mich im vorraus für eure Mühen.

Mfg

 

[rd4eva]

...stoße schon am Anfang auf ein Problem.

Und auf welches?

Ist irgendein framework (jQuery etc.) im Spiel?
Code wär auch nicht schlecht.

 

[ComFreek]

Im Prinzip ziemlich einfach.

Weißt du wie man AJAX anwendet?
Der PHP-Teil:

<?php
  echo md5($_POST['input']);
?>

 

[DarkRaver]

Das ist ja gerade das Problem, ich habe von Ajax mal sowas von kein Plan^^
Ich habe bereits jQuery installiert.

 

[ComFreek]

Na dann ist es ja viel einfacher!
Also sowas müsste klappen:

$("#sendbutton").click(function()
{
  $.ajax(
  {
     type: 'POST',
     url: 'yourphpfile.php',
     data: { input: $("#inputfield").value() }
     success: function(md5)
     {
        alert(md5);
     }
  });
});

<input type="text" id="inputfield" value="Text eingeben..." />
<br />
<button type="button" id="sendbutton">AJAX-Request schicken!</button>

Sobald der Button mit der ID "sendbutton" gedrückt wird, wird der AJAX Befehl gesendet.
Als "input" wird der Inhalt des Textfeldes mit der ID "inputfield" genommen.
Und zu guter Letzt eben noch die Rückgabe in einem Dialog ausgegeben.

Siehe Dokumentation: http://api.jquery.com/jQuery.ajax/

 

[DarkRaver]

Okay, ich verstehe, so schwer ist das anscheinend nicht.
Aber den Teil hier verstehe ich noch nicht ganz :

success: function(md5)
{
alert(md5);
}

Was bedeutet denn das function(md5)?
Wie soll der PHP-Code dazu aussehen?

 

[ComFreek]

Das Attribut "success" ist eine Callbackfunktion bzw. Event, die aufgerufen wird, wenn alles fehlerfrei ablief.
Dieser Funktion wird als erster Parameter die zurückgegebenen Daten übergeben, in dem Fall habe ich sie "md5" getauft.

Die genaue Dokumentation zu "post()" ist etwas genauer: http://api.jquery.com/jQuery.post

Den PHP-Code habe ich in Beitrag #3 oben gepostet, eigentlich ziemlich einfach.