Mittels Ajax erstelle Formulare verarbeiten

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

  • Mittels Ajax erstelle Formulare verarbeiten

    Hallo,

    Ich lasse mittels Ajax 2 input Felder generieren uns ausgaben

    Quellcode

    1. function setRequest(url) {
    2. if (window.XMLHttpRequest) {
    3. request = new XMLHttpRequest();
    4. }
    5. else if (window.ActiveXObject) {
    6. try {
    7. request = new ActiveXObject('Msxml2.XMLHTTP'); // IE 5
    8. }
    9. catch (e) {
    10. try {
    11. request = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6
    12. }
    13. catch (e) {}
    14. }
    15. }
    16. if (!request) {
    17. alert("Kann keine XMLHTTP-Instanz erzeugen");
    18. return false;
    19. }
    20. else {
    21. request.open('post', url, true);
    22. request.send(null);
    23. request.onreadystatechange = interpretRequest;
    24. }
    25. }
    26. function interpretRequest() {
    27. switch (request.readyState) {
    28. case 4:
    29. if (request.status != 200) {
    30. alert("Der Request wurde abgeschlossen, ist aber nicht OK\nFehler:"+request.status);
    31. }
    32. else {
    33. var content = request.responseText;
    34. document.getElementById('serversee').innerHTML = content;
    35. }
    36. break;
    37. default:
    38. break;
    39. }
    40. }
    41. {foreach from=$SERVER_LIST item=list}
    42. <a href="serversee.php?&vid={$list.id}" onClick="setRequest(this.href); return false;">{$list.ip}</a>
    43. {/foreach}
    44. <div id="serversee">
    45. </div>
    46. echo '
    47. <label for="server_id">
    48. Server ID:
    49. <input id="server_id" name="server_id" value="'.$server['id'].'" type="text"/>
    50. </label>
    51. <label for="server_ip">
    52. Server IP:
    53. <input id="server_ip" name="server_ip" value="'.$server['vip'].'" type="text"/>
    54. </label>
    55. ';
    Alles anzeigen


    Klicke ich nun im generierten Fomular auf absenden werden die Daten aus den Input Felder nicht übernommen. Ich bin mir sicher das es daran liegt das ich diese per ajax generieren lasse.
    Welche Möglichkeiten habe ich?

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Fragz ()

  • Hi,
    im Codeschnipsel kann ich nicht wirklich erkennen, welcher Teil per AJAX nachgeladen wird.
    Aber sobald du per AJAX das eigentliche DOM manipuliert hast weiß der Browser nicht mehr, dass es nachgeladen wurde.
    Wenn das generierte/nachgeladene DOM gültig ist, sollte alles funktionieren.
    Einfach mal mit Firebug den aktuellen DOM Baum durch den W3 Validator schicken und schauen wo der Fehler liegt.

    LG