Hallo zusammen,
ich habe ein Problem wie es sicher schon mal vorkam, aber ich bekomme es nicht gebacken und bitte daher um Hilfe.
Es handelt sich hierbei um eine Datenbankabfrage mittels AJAX.
Dabei soll der Wert des Inputfeldes beim Bestätigen des Buttons an die funktion matrikelAnfordern übergeben werden und mit der DB abgeglichen werden.
Die DB-Abfrage klappt auch.
Nur die Übergabe des Input-Values klappt nicht.
Wie unten zu sehen ist, habe ich dem Button ein Klick-Ereignis zugeordnet und dann den Aufruf der funktion mit der Übergabe des Parameters zugewiesen.
Danach ist noch ein externer Event-Listener mit dem Bubble-Verfahren.
Leider klappt die Übergabe des Parameters nicht. Für Hilfe wäre ich sehr dankbar.
Vielen Dank im Voraus und viele Grüße.
loupOS
ich habe ein Problem wie es sicher schon mal vorkam, aber ich bekomme es nicht gebacken und bitte daher um Hilfe.
Es handelt sich hierbei um eine Datenbankabfrage mittels AJAX.
Dabei soll der Wert des Inputfeldes beim Bestätigen des Buttons an die funktion matrikelAnfordern übergeben werden und mit der DB abgeglichen werden.
Die DB-Abfrage klappt auch.
Nur die Übergabe des Input-Values klappt nicht.
Wie unten zu sehen ist, habe ich dem Button ein Klick-Ereignis zugeordnet und dann den Aufruf der funktion mit der Übergabe des Parameters zugewiesen.
Danach ist noch ein externer Event-Listener mit dem Bubble-Verfahren.
Code:
<html> <head> <title>Test Ajax</title> <script type="text/javascript"> function matrikelAnfordern(matrikelGo) { var matrikel = matrikelGo; alert(matrikel); var req = new XMLHttpRequest(); req.open("GET", "matrikelSearch.php?matrikel=" + matrikel , true); req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); req.onreadystatechange = matrikelAuswerten; req.send(); } function matrikelAuswerten(e) { if(e.target.readyState == 4 && e.target.status == 200) { document.getElementById("matrikelYesNO").value = e.target.responseText; } } </script> </head> <body> <div id="matrikelInputContainer"> <input type="input" name="matrikel" id="matrikel"/> <input type="button" name="validateMatrikel" id="validateMatrikel" value="Matrikel prüfen"> <input type="text" name="matrikelYesNO" id="matrikelYesNO" /> </div> <script type="text/javascript" src="extEventhandler.js"></script> <!--Einbindung von Bubble--> <script type="text/javascript"> var matrikelGO = document.getElementById("matrikel").value; document.getElementById("validateMatrikel").onclick = function(){matrikelAnfordern(matrikelGO);}; myEhandler("validateMatrikel", "click", matrikelAnfordern(matrikelGO)); </script> </body> </html>
Vielen Dank im Voraus und viele Grüße.
loupOS
Kommentar