AJAX - Formular erweitern
Hallo allerseits
Ich bin ziemlicher Anfänger was AJAX anbelangt und bin einige Tests am durchführen. Ich schreibe gerade ein Script, das ein Formular, um weitere Felder erweitern soll, sobald der Submit Button gedrückt wird. Dies habe ich mir so gedacht: In meinem Formular gibt es in einem Div versteckte Formularfelder. Sobald der Button gedrückt ist, wird der Inhalt von display:none (CSS) mit "" ersetzt und somit angezeigt. Hier der HTML Code: HTML-Code:
<div> Code:
Verstehe auch noch nicht, was der ResponseText (oder Header) bedeuten soll, denn ich anderen Scripts gesehen habe. Brauch ich das? Vielen Dank für eure Hilfe >.< Gruss Toby |
Hallo.
Wozu braucht man da AJAX? Wenn der submit button gedrückt wird soll nur ein weiteres Feld erscheinen? Wo ist dieses Feld definiert? In der selben Datei (z.b. form.php)? Ist es dieses Feld welches dann angezeigt werden soll? Code:
<div id="extend"> (Ich würde das mit jQuery machen, i love jQuery) ;) Oh ich vergass: Wenn du bei dem submit auf eine Response warten möchtest dann würd ich das schon mit AJAX machen. Wie gesagt, ich persönlich würds mit jQuery machen. |
Naja, eigentlich möcht ich das schon mit AJAX machen. Soll ja schliesslich eine AJAX übung für mich sein.
Aber du hast recht, ich könnt das auch ohne machen... Geht's denn bei AJAX mehr darum, dass ich nochma ne Datei laden kann (.php o.ä) und dort Datenbank abfragen machen kann und so? Also für alles, was sich in der gleichen Datei abspielt brauch ichs gar nicht?? Gut... Und aber trotzdem würde ich noch gerne wissen, was mein Problem von oben war. Irgendwie muss das ja auch mit Ajax funktionieren?? Ahja zu JQuery: Will jetzt erstma mit JS und AJAX umzugehen lernen. Danach stürze ich mich, wenn ich noch lust habe, möglicherweise noch ins Abenteuer von JQuery ^^ Danke für euere Tipps, Gruss Toby |
Nun ja, AJAX mit jQuery ist wesentlich einfacher.
Sieht dann z.B. so aus: Code:
$.ajax({ Bezüglich Deines Problems... wenn einfach nur nach Submit ein DIV sichtbar werden soll wäre das mit jQuery auch sehr einfach zu machen. Es muss im CSS nicht mal display:none; dem DIV zugefügt werden. Z.B. so: Code:
$("#extend").hide(); /* hide #extend */ |
Alle Zeitangaben in WEZ +2. Es ist jetzt 02:32 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023