Ajax Abfrage einer MySQL Datenbank über PHP

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

  • Ajax Abfrage einer MySQL Datenbank über PHP

    Hallo!
    Ich habe schon die ganzen Ajax-Tutorials durchgemacht und bin begeistert von dieser Seite! Sind echte Fachleute unterwegs hier!
    Allerdings habe ich noch zwei Probleme:

    1.) Sobald ich mit Ajax was abfrage (in meinem Fall ein Dropdownfeld) erstscheint das passende zweite Dropdownfeld. Alles kein Problem! Nur wenn ich ein zweites Mal auf das erste Dropdownfeld klicke erscheint ein drittes Feld und so weiter...

    Hier mein Javascript:

    Quellcode

    1. function Start() {
    2. var XMLHTTP = null;
    5. if (window.XMLHttpRequest) {
    6. XMLHTTP = new XMLHttpRequest();
    7. } else if (window.ActiveXObject) {
    8. try {
    9. XMLHTTP = new ActiveXObject("Msxml2.XMLHTTP");
    10. } catch (ex) {
    11. try {
    12. XMLHTTP = new ActiveXObject("Microsoft.XMLHTTP");
    13. } catch (ex) {
    14. }
    15. }
    16. }
    19. var StandortID = document.getElementById("ort").value;
    20. XMLHTTP.open("GET", "func.php?q="+ StandortID);
    21. XMLHTTP.onreadystatechange = DatenAusgeben;
    22. XMLHTTP.send(null);
    25. function DatenAusgeben() {
    26. if (XMLHTTP.readyState == 4) {
    27. var d = document.getElementById("Daten");
    28. d.innerHTML += XMLHTTP.responseText;
    30. }
    31. }
    35. }
    Alles anzeigen





    2.) Als zweites möchte ich ein Dropdownfeld mit einem inputfeld "verknüpfen", soll heißen ich wähle erst im Dropdownfeld etwas aus und dann will ich eine Nummer im Inputfled eingeben und bei onkeyup soll der prüfen, ob es diese Nummer an dem Standort schon gibt! Mit IE funktioniert des, mit firefox und safari nicht... Im Internet Explorer aber gleiches Problem wie bei 1.)

    Quellcode

    1. function DoesNebenstelleExist() {
    2. var AJAX = null;
    5. if (window.XMLHttpRequest) {
    6. AJAX = new XMLHttpRequest();
    7. } else if (window.ActiveXObject) {
    8. try {
    9. AJAX = new ActiveXObject("Msxml2.XMLHTTP");
    10. } catch (ex) {
    11. try {
    12. AJAX = new ActiveXObject("Microsoft.XMLHTTP");
    13. } catch (ex) {
    14. }
    15. }
    16. }
    20. var Nebenstelle = document.getElementById("NebenstelleAnlegen").value;
    21. var StandortID = document.getElementById("OrtAnlegen").value;
    22. AJAX.open("GET", "func.php?o="+ StandortID + "&n="+ Nebenstelle, false);
    23. AJAX.onreadystatechange = NebenstellenAusgeben;
    24. AJAX.send(null);
    26. function NebenstellenAusgeben() {
    27. if (AJAX.readyState == 4) {
    28. var d = document.getElementById("NebenstelleAnlegenAusgabe");
    29. d.innerHTML += AJAX.responseText;
    31. }
    32. }
    35. }
    Alles anzeigen


    Hier soll dann erscheinen, ob es diese Nummer schon gibt oder nicht.

    Quellcode

    1. <font id=\"NebenstelleAnlegenAusgabe\"></font>


    Hoffentlich könnt ihr mir helfen!
    Vielen herzlichen Dank!
    Grüße Sven

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von yadrummer ()

  • Hi,
    Problem 1 ist ja einfach zu lösen... du erweiterst den Content immer nur:

    Quellcode

    1. d.innerHTML += XMLHTTP.responseText;

    Stattdessen kannst du dir ja ein DIV allein für die 2te Auswahl erstellen und das immer überschreiben.

    Quellcode

    1. document.getElementById('zweiteSpalte').innerHTML = XMLHTTP.responseText;


    zu zweitem: Hast du dazu eine Online Demo?
    Da du das ziemlich veraltete und seit Jahren im HTML Standard verschwundene font-Tag verwendest tippe ich mal auf ungültigen HTML Code.
    Ersetze das font mal durch ein div und validiere den restlichen Code mal mit validator.w3.org