Formular absenden und anschließend Element neu laden?!

[Grunge]

Hallo,

ich bin kein Java-Script Experte, deswegen brauch ich mal für ein kleines Problemchen eure Hilfe.

Ich arbeite an einer Kommentierfunktion von Beiträgen. Mit php und mysql wird das ganze geladen und dargestellt. Jetzt soll beim Kommentieren wirklich nur der entsprechende DIV aktualisiert werden, ohne die ganze Seite neu laden zu müssen. Der Kommentar muss natürlich in die Datenbank gespeichert werden, also muss ein Php Script aufgerufen werden.
Also Schrittweise in etwas so:
1. Kommentar schreiben
2. - " - absenden, Textfelder leeren
3. Via PHP Sript in die Datenbank speichern
4. Reload des DIVs um den Kommentar direkt angezeigt zu bekommen

Ich google seit 2-3 Tagen finde aber keine ansatzweise gute bzw brauchbare Lösung

Danke im Voraus!

 

[Sempervivum]

wirklich nur der entsprechende DIV aktualisiert werden, ohne die ganze Seite neu laden zu müssen.

Bist Du da beim Googeln nicht auf Ajax und jQuery-Load gestoßen? Damit ist beides möglich, ein PHP-Skript zu aktivieren und dessen Ausgabe in ein Div zu speichern. Oder wenn der Kommentar nicht über das Skript laufen muss, kannst Du ihn mit innerHTML bzw. jQuery-text in das Div eintragen.

 

[Grunge]

Genau das habe ich gefunden, und das funktioniert auch soweit, nur das aktualisieren der Divs, so dass der entsprechende Inhalt angezeigt wird, funktioniert nicht.
Also, ich erkläre es nochmal etwas genauer:

ich habe eine Div in der man den Kommentar schreiben kann, und eine Div in der die Kommentare ausgegeben werden:

<div id="writecomment">
<form action="" id="kommi" name="kommi" >
    <input type="text" class="form-control" id="kommi2" placeholder="..."  name="kommentar"></input>
  <button type="submit" class="btn btn-default" >Post!</button>
</form>
</div>
<div id="comments">
<!-- PHP CODE ZUM LADEN DER CONTENTS -->

</div>

Ich schaffe es per Jquery die PHP Datei zu laden, und dadurch den Datenbank Eintrag zu erstellen, aber
1. Cleared er mir das Formular nicht
2. Läd er das Div "comment" nicht neu, so dass der neu geschriebene Kommentar direkt angezeigt wird.
Die jQuery Funktion schaut so aus:

<script type="text/javascript">
   $(document).ready(function(){
    $("button").click(function(){
        $("#kommi2").load("kommentieren.php");
    });
});
</script>

Hoffe ich konnte nun verdeutlichen wo das eigentliche Problem liegt

 

[Sempervivum]

Einiges verstehe ich noch nicht. Du schreibst:

Ich schaffe es per Jquery die PHP Datei zu laden, und dadurch den Datenbank Eintrag zu erstellen

Ich verstehe nicht, wie der Kommentar zum Skript und in die Datenbank gelangen soll, wenn Du keinen URL-Parameter mit sendest.

 

[Grunge]

per $_POST... Das funktioniert, nur das clearen und reloaden eben halt nicht

 

[Sempervivum]

OK, aber hier übergibst Du doch keine Daten:

$("#kommi2").load("kommentieren.php");

 

[Grunge]

ahhhhhh das meinst du ja hatte es schon geändert:

$("#kommi2").load("kommentieren.php?kommentar=<?php echo $_POST['kommi2']; ?>");

 

[Sempervivum]

Und wie kommt der Kommentar nach $_POST['kommi2']? Hast Du noch ein Formular vorgeschaltet?

 

[Grunge]

nein?! der kommt aus dem normalen Formular ^^

 

[SpiceLab]

Und wie kommt der Kommentar nach $_POST['kommi2']? Hast Du noch ein Formular vorgeschaltet?

nein?! der kommt aus dem normalen Formular ^^

Um die Raterunde nicht unnötig in die Länge zu ziehen, poste bitte mal deinen kompletten aktuellen Code!

Eventuell ist die Seite ja auch für Dritte zugänglich...?!