tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
510
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    TMM TMM ist offline Mitglied Bronze
    Registriert seit
    Feb 2011
    Beiträge
    40
    Hallo,
    ich hätte da mal eine kleine Frage, bzw. ein kleines Problem zum obigen Thema. Ich poste mal meinen bisherigen Code, danach kommt dann die Erklärung:

    HTML-Code:
    <form action="" method="POST"><fieldset class="fieldset"  id="abschicken" >
    <input type="radio" name="auswahl" value="spaet1" id="spaet1" />
    <input type="radio" name="auswahl" value="spaet2" id="spaet2" />
    <input type="radio" name="auswahl" value="spaet3" id="spaet3" />
    <input type="radio" name="auswahl" value="spaet4" id="spaet4" />
    <input type="radio" name="auswahl" value="spaet5" id="spaet5" />
    <input type="radio" name="auswahl" value="spaet6" id="spaet6" />
    <input type="radio" name="auswahl" value="spaet7" id="spaet7" />
    <input type="radio" name="auswahl" value="spaet8" id="spaet8" />                                 
                                        
    <input type="submit" name="submit" value="submit" id\"submit" />
    </fieldset></form>";
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    
    <script type="text/javascript">
              $(document).ready(function() {
                  //click event für submit button
                    $('#submit').click(function () {
     
                    //Daten von den HTML Feldern in JS-Vars übersetzen
                    var ergebnis = $('radio[name=keltern_auswahl]');
     
                    //die Daten sollen per POST an das PHP Skript weitergeleitet werden. 
                    var data = 'ergebnis'; 
                     
                    //Icon während des Requests einblenden
                    $('.loading_icon').show();
     
                    //Request abschicken
                    $.ajax({
                    url: "php/form_logic.php",
                    type: "POST",           
                    data: data, 
                    success: function (reqCode) {
            if (reqCode==1) {
                $('.form_dialogbox').hide('slow');
                $('.result').show('slow');
     
                            //wenn der Request eine Form von false zurückschickt, Fehler ausgeben.
            }       else {
                                alert('Fehler beim Abschicken des Formulares.');
                            }
                    }
                    
                });
     
                return false;
     
                });
            });
        
      </script>

    PHP-Code:
    <?php

        $wert 
    $_POST["keltern_auswahl"];
        echo 
    $wert;

    ?>
    So, mit diesem Code versuche ich nun mittels jquery/ajax das Formular, das wiklich nur aus diesen Radio-Buttons besteht, an die PHP-Datei (die später den Datenbankeintrag vornimmt) zu senden. Leider wird das Formular nicht versendet, sondern es kommt die Fehlermeldung...
    Mein Firbug kann dagegen keine Fehler im obigen Code entdecken und meckert beim Klick auf den Submit-Button auch nicht...
    Hat jemand eine Idee, was an dem Code falsch ist (der hält sich ziemlich genau an die Vorgaben der jquery Homepage, dennoch funktioniert es nicht.
    Eventuell hat jemand eine Idee oder eine elegantere Lösung. Habe die letzten 3 Stunden so ziemlich alles im Web durchforstet und auch schon einige andere CodeSnipets ausprobiert, leider ist davon (was ich so gefunden habe) nichts valide.

    Über Eure Hilfe freue ich mich!
    Geändert von TMM (05.10.11 um 18:03 Uhr)
     

  2. #2
    dobermant dobermant ist offline Mitglied Gold
    Registriert seit
    Apr 2003
    Beiträge
    141
    sorry, aber das stimmt vorne und hinten nicht.
    Folgende 2 Zeilen solltest Du mal checken

    was soll das sein? Ich kennen die jQuery Funktionalität nicht so genau.
    Willst Du damit alle Radios der HTML Seite in die var ergebnis packen?
    Code :
    1
    
    var ergebnis = $('radio[name=keltern_auswahl]');

    var data wird mit einem String befüllt, du verschickst also lediglich den String 'ergebnis'
    Code :
    1
    
     var data = 'ergebnis';

    bei der ID Zuweisung muss ein = Zeichen hin. Sonst wird jQuery den Button nicht erkennen und somit den Submit nicht auslösen
    Code :
    1
    
    <input type="submit" name="submit" value="submit" id\"submit" />
     

  3. #3
    TMM TMM ist offline Mitglied Bronze
    Registriert seit
    Feb 2011
    Beiträge
    40
    Hallo Dobermant,

    danke für Deine Antwort. Habe inzwischen das jquery.form - Plugin verwendet und alles passt perfekt. Trotzdem Danke für Deine Hinweise, sicherlich kann ich das an anderer Stelle noch gebrauchen
     

Ähnliche Themen

  1. Antworten: 12
    Letzter Beitrag: 05.08.11, 07:33
  2. Antworten: 3
    Letzter Beitrag: 20.10.10, 20:47
  3. jQuery: jQuery auf AJAX Response anwenden
    Von pointsdächster im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 12.04.10, 01:15
  4. Formularverarbeitung mit jQuery Verständnisproblem
    Von rotekiste im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 13.03.10, 19:03
  5. Ajax Update und JavaScript Weiterleitung
    Von Benzol im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 25.02.07, 17:18

Stichworte