Ajax Auswahl nach Senden stehen lassen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Hallo d0nUt,
    was hast Du an dem Code genau optimiert? Inwiefern ist der besser als die erste Version?

    Die erste Version habe ich inzwischen weiterverarbeitet.


    Gibt es eig. eine Möglichkeit die letzte Auswahl mit allen Menüs nach "Auswahl senden" stehen zu lassen?

    Ich habe das Menü in einem Seite gebaut, die noch weitere Ajax-Inhalte anhand der durch das Menü generierten Anfrage nachlädt. Wenn ich eine Auswahl sende und die anderen Teile nachlade "springt" das Menü immer wieder zu seinem Ausgangspunkt zurück. Kann man das irgendwie verhindern, kann man den letzen Stand speichern oder so?

    Dankeschön!!

  • Hallo xound,

    die ganze createXMLHttpRequest() Funktion wurde im Prinzip durch die try/Catch Funktion ersetzt. Das hat locker 15 Zeilen gespart.
    Die sendRequest() Funktion wurde belassen und die handleResponse() Funktion hat nur eine zusätzliche Abfrage erhalten. Es wird überprüft ob der HTTP Status OK (=200) ist.
    Meine Änderungen hab ich übrigens aus diesem Tutorial: http://aleembawany.com/weblog/webdev/000051_ajax_instant_tutorial.html und finden sich inzwischen online unter http://www.coder-wiki.de/HowTos/Ajax-Inhalte-mit-PHP-und-Select-nachladen.

    Zu deinem Problem:
    Auch wenn du die Formulardaten dynamisch lädst, so verwendest du immer noch die herkömmliche HTML Methode um die Daten zu speichern.
    Getreu dem Motto: "Einmal Ajax, immer Ajax" solltest du auch die Daten mittels Ajax sichern

    Hier ein Beispiel

    Quellcode

    1. <html><head>
    2. <script type="text/javascript">
    3. function saveRequest() {
    4. try {
    5. req = window.XMLHttpRequest?new XMLHttpRequest():
    6. new ActiveXObject("Microsoft.XMLHTTP");
    7. } catch (e) {
    8. //Kein AJAX Support
    9. }
    11. req.onreadystatechange = handleResponse;
    12. req.open("GET", "func.php");
    14. //Jetzt die Daten per Post übermitteln
    15. req.send("name="+document.Formular.User.value+"&wohnort="+document.Formular.Ort.value);
    17. //Und die Funktion abbrechen, damit die Seiten nicht gewechselt wird
    18. return false;
    19. }
    20. function handleResponse() {
    21. if ((req.readyState == 4) && (req.status == 200)) {
    22. document.getElementById(update[0]).innerHTML = "Daten gespeichert";
    23. }
    24. }
    25. </script>
    26. </head>
    27. <body>
    29. <form name="Formular" action="test.html" method="post" onsubmit="return saveRequest()">
    30. Name: <input type="text" size="40" name="User">
    31. Wohnort: <input type="text" size="40" name="Ort">
    32. E-Mail: <input type="text" size="40" name="Mail">
    33. Alter: <input type="text" size="40" name="Alter">
    34. Formular: <input type="submit" value="Absenden"><input type="reset" value="Abbrechen">
    36. Zum Absenden muss eine Internet-Verbindung bestehen!
    37. </form>
    39. </body>
    40. </html>
    Alles anzeigen