AJAX Formular absenden

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

  • Dieser Code ist genau das, was ich die ganze zeit gesucht habe.
    Allerdings habe ich da ein kleines Problem, bei dem Du mir
    vielleicht helfen könntest.
    Und zwar geht es um folgendes:

    Ich möchte die 4 Boxen verarbeiten und die Variablen an eine weitere PHP weiterleiten. Wenn ich da jetzt einen "Anschicken" Button und ein zweites "<form method="post" action="suche.php"> einfüge und auf den Button draufklicke, dann passiert einfach nichts.
    Hast Du eine Idee wie ich das hinbekommen könnte ??
    Danke im Voraus.

    slayter

    "d0nUt" schrieb:

    finde das beispiel nicht so "schlüssig"

    wo werden denn die daten hergeholt? das ist doch nur ein typische beispielanwendung ohne realitätbezug...

    hab dir mal noch ein anderes beispiel erstellt


    formular.html

    Quellcode

    1. <html><head>
    3. <script type="text/Javascript">
    4. function createXMLHttpRequest() {
    6. var ua;
    8. if(window.XMLHttpRequest) {
    9. try {
    10. ua = new XMLHttpRequest();
    11. } catch(e) {
    12. ua = false;
    13. }
    14. } else if(window.ActiveXObject) {
    15. try {
    16. ua = new ActiveXObject("Microsoft.XMLHTTP");
    17. } catch(e) {
    18. ua = false;
    19. }
    20. }
    21. return ua;
    22. }
    24. var req = createXMLHttpRequest();
    26. function sendRequest(digit) {
    27. // **
    28. // Hier die wichtigen Änderungen. Quelle und Ziel übermitteln
    29. // **
    30. minus = digit-1;
    31. inhalt = document.getElementById('source' + minus );
    32. req.open('get', 'func.php?dest='+ digit + '&s=' + inhalt.value);
    33. req.onreadystatechange = handleResponse;
    34. req.send(null);
    35. }
    37. function handleResponse() {
    39. if(req.readyState == 4){
    40. var response = req.responseText;
    41. var update = new Array();
    43. if(response.indexOf('||' != -1)) {
    44. update = response.split('||');
    45. document.getElementById(update[0]).innerHTML = update[1];
    46. }
    47. }
    48. else
    49. alert("loading" + ajax.readyState);
    50. }</script>
    53. </head>
    54. <body>
    56. <form method="post" action="">
    57. <div style="float:left" id="select1">
    58. <select name="source1" id="source1" onChange="sendRequest(2)">
    59. <option value=""></option>
    60. <option value="test1">test1</option>
    61. <option value="test2">test2</option>
    62. <option value="test3">test3</option>
    63. <option value="test4">test4</option>
    64. </select>
    65. </div>
    67. <div style="float:left" id="select2" name="select2">
    68. </div>
    70. <div style="float:left" id="select3">
    71. </div>
    73. <div style="float:left" id="select4">
    74. </div>
    75. </form>
    77. </body></html>
    Alles anzeigen


    func.php

    Quellcode

    1. <?
    2. $next = $_GET['dest']+1;
    3. echo 'select'.$_GET['dest'].'|| ';
    5. echo '<select name="source'.$_GET['dest'].'" id="source'.$_GET['dest'].'" onChange="sendRequest('.$next.')">';
    6. //Hier sollte eine MySQL FUnktion sein, zum Test reichts aber $_GET['s'] enthält den wert
    7. echo '<option value=""></option>';
    8. echo '<option value="asdasd">asdasd</option>';
    9. echo '<option value="asdasd">asdasd</option>';
    10. echo '<option value="asdasd">asdasd</option>';
    11. echo '</select>';
    12. ?>
    Alles anzeigen

  • Beim Abschicken des Buttons sollen die felder der Boxen an eine weitere PHP Datei weitergeleitet werden, damit ich einen XML-Request durchführen kann.
    Also praktisch wie bei einem ganz normalen Formular, wo die Daten weiterverarbeitet werden. Nach dem die Boxen ausgefüllt worden sind, müsste ich eigentlich nur die <form method> ändern können.
    Ich weiss aber leider nicht, wie ich das machen soll.

    slayter


    "d0nUt" schrieb:

    naja, <form>'s kann man nicht schachteln
    was soll den beim abschicken des buttons passieren...

    der code behandelt ja nur das ändern der select felder
    musst uns schon deinen code zeigen, damit wir dir helfen können

  • habe das jetzt hinbekommen. habe einfach einne Button eingefüht und in <form method> die entsprechende Datei eingfügt. Vorhin wollte das nicht gehen..jetzt klappt das auf einmal..komisch !!

    wie kann ich eigentlich den Abstand zwischen den Einzelnen Boxen ändern ?? Desweitern weiss ich nicht wie ich an die Daten der weiteren Boxen rankomme. Bei der Ausgangsbox ist es ganz einfach. Da steht die Werte in $_POST[source1] drin und wo stehen die Werte in den anderen Boxen ??

    slayter


    "slayter" schrieb:

    Beim Abschicken des Buttons sollen die felder der Boxen an eine weitere PHP Datei weitergeleitet werden, damit ich einen XML-Request durchführen kann.
    Also praktisch wie bei einem ganz normalen Formular, wo die Daten weiterverarbeitet werden. Nach dem die Boxen ausgefüllt worden sind, müsste ich eigentlich nur die <form method> ändern können.
    Ich weiss aber leider nicht, wie ich das machen soll.

    slayter


    "d0nUt" schrieb:

    naja, <form>'s kann man nicht schachteln
    was soll den beim abschicken des buttons passieren...

    der code behandelt ja nur das ändern der select felder
    musst uns schon deinen code zeigen, damit wir dir helfen können

  • "slayter" schrieb:

    Desweitern weiss ich nicht wie ich an die Daten der weiteren Boxen rankomme. Bei der Ausgangsbox ist es ganz einfach. Da steht die Werte in $_POST[source1] drin und wo stehen die Werte in den anderen Boxen ??


    so wie du sie genannt hast.
    in dem beispielcode oben wären es $_POST[source1] - $_POST[source4]

    findest übrigens raus, was alles gesendet wird indem du einfach POST ausgibst

    Quellcode

    1. print_r($_POST);


    PS: Schick mal den Validator über deinen Code: http://validator.w3.org/