HTML Formular nach button klick löschen

[Trulchen]

Hallo....

ich hab ein Formular wo der Nutzer daten Eintragen kann
anschließend klickt er auf einen Button "buchen" und
eine Meldung unter dem Formular erscheint

"Erfolgreiche Buchung"

Nach Klick auf den Button wird ein Eintrag in die Datenbank erfolgen jedoch bleiben aber die Daten im HTML Formularstehen
welche der Nutzer eingetragen hat...
Und um doppelte einträge in der Datenbank zu vermeiden will ich das HTML Automatisch resetten...
Wie geht das?

[tkausl]

Code?
Ajax?

[Trulchen]

Code?
Ajax?

<script type="text/javascript">
        jQuery(function(){
                jQuery('#buchen').click(function(){
                        jQuery.post(
                                'handle_buchung.php?',
                                jQuery('#Buchung').serialize(),
                                function(data){                                       
                                        jQuery('#content').append(data);
                                },
                                'html'
                        );

                });

        });
</script>

  <h3>Urlaub Buchen </h3>

  <p>Wir freuen Uns das sie Gast bei uns in der Ferienwohnung werden wollen, mit folgenden Formular
  k&ouml;nnen Sie ihren Urlaub buchen :-)
  <br>
  Nach erfolgreicher Buchung erhalten Sie ein Passwort zugewiesen, mithilfe dessen und ihrer E-Mail Adresse k&ouml;nnen Sie sich im G&auml;stebereich Einloggen,
  und ihrer Buchung verwalten. <p>

<form id="Buchung" action="handle_buchung.php">
<table>
        <?php     if(!isset($_SESSION["logged"])){    ?>
        <tr>    <td>*Name:</td>            <td><input type="text" name="name" size="30"></td>        </tr>
        <tr>    <td>*Vorname:</td>        <td><input type="text" name="vname" size="30"></td>     </tr>
        <tr>    <td>Stra&szlig;e:</td>    <td><input type="text" name="strasse" size="30"></td>    </tr>
        <tr>    <td>PLZ:</td>            <td><input type="text" name="plz" size="6">   
                    Ort:                   <input type="text" name="ort" size="30"></td>            </tr>
        <tr>    <td>*E-Mail:</td><td>    <input type="text" name="mail" size="30"></td>            </tr>
        <tr>    <td>Telefon:</td><td>    <input type="text" name="fon" size="30"></td>            </tr>
        <?php } ?>
        <tr>    <td>*Anreise</td><td>    <input type="text" id="datepicker1" name="anreise"></td></tr>
        <tr>     <td>*Abreise</td><td>    <input type="text" id="datepicker2" name="abreise"></td></tr>
        <tr>    <td> Anzahl Personen </td><td> <select name="anzahlPersonen">
                                                    <option value="1">1</option>
                                                    <option value="2">2</option>
                                                    <option value="3">3</option>
                                                    <option value="4">4</option>
                                                    <option value="5">5</option>
                                                </select></td>                                    </tr>
</table>
<input id="buchen" type="button" value="Anfrage" style="margin-top:20px">
</form>

[tkausl]

jQuery('#Buchung')[0].reset();

[Trulchen]

jQuery('#Buchung')[0].reset();

Hier rein? Oder an welcher Stelle im Skript?

<script type="text/javascript">
        jQuery(function(){
                jQuery('#buchen').click(function(){
                        jQuery.post(
                                'handle_buchung.php?',
                                jQuery('#Buchung').serialize(),
                                function(data){                                       
                                        jQuery('#content').append(data);
                                },
[B][U]jQuery('#Buchung')[0].reset();[/U][/B]
                                'html'
                        );

                });

        });
</script> 

[tkausl]

<script type="text/javascript">
        jQuery(function(){
                jQuery('#buchen').click(function(){
                        jQuery.post(
                                'handle_buchung.php?',
                                jQuery('#Buchung').serialize(),
                                function(data){                                       
                                        jQuery('#content').append(data);
                                        jQuery('#Buchung')[0].reset();
                                },
                                'html'
                        );

                });

        });
</script>

Ohne Grundlegende JavaScript/jQuery-Kentnisse wirst du nicht weit kommen...

[Trulchen]

Danke es funktioniert