Problem mit AJAX-Skript

  • Problem mit AJAX-Skript

    Hallo,

    ich habe eine kleine AJAX-Anwendung geschrieben, die anhand von drei <select>-Auswahlmenüs (alter,wohnort,name) die entsprechenden Infos über einen Request aus der Datenbank auslesen soll.

    Der Quellcode dazu sieht so aus:

    Quellcode

    1. <html>
    2. <head>
    3. <script language=Javascript>
    4. var request = new XMLHttpRequest();
    6. function abfrage(txt1, txt2, txt3)
    7. {
    8. var url = "select.php";
    9. url = url + "?"+txt1;
    10. url = url + "&"+txt2;
    11. url = url + "&"+txt3;
    13. /*request.overrideMimeType('text/xml');*/
    14. request.onreadystatechange = anzeige;
    15. request.open('GET',url,true);
    16. request.send(null);
    17. }
    19. function anzeige()
    20. {
    21. if (request.readyState == 0)
    22. {
    23. document.getElementById("anzeige").innerHTML = "<p> Suche wird durchgeführt...</p>"; //loading
    24. }
    26. else if(request.readyState == 1)
    27. {
    28. document.getElementById("anzeige").innerHTML = "<p> Suche wird durchgeführt...</p>"; //loaded
    29. }
    31. else if(request.readyState == 2)
    32. {
    33. document.getElementById("anzeige").innerHTML = "<p> Suche wird durchgeführt...</p>"; //interactive
    34. }
    36. else if(request.readyState == 3)
    37. {
    38. document.getElementById("anzeige").innerHTML = "<p> Daten werden geladen...</p>";
    39. }
    41. else if (request.readyState==4)
    42. {
    43. document.getElementById("anzeige").innerHTML=request.responseText;
    44. }
    45. }
    46. </script>
    47. </head>
    48. <body>
    49. <select name=alter size=1 onChange="javascript:abfrage(this.value, document.getElementsByName('wohnort')[0].value, document.getElementsByName('name')[0].value)">
    50. <option value="10">10
    51. <option value="30">30
    52. <option value="50">50
    53. </select>
    54. <br><br>
    55. <select name=wohnort size=1 onChange="javascript:abfrage(document.getElementsByName('alter')[0].value, this.value, document.getElementsByName('name')[0].value)">
    56. <option value="schwabach">schwabach
    57. <option value="wolkersdorf">wolkersdorf
    58. <option value="stein">stein
    59. </select>
    60. <br><br>
    61. <select name=name size=1 onChange="javascript:abfrage(document.getElementsByName('alter')[0].value, document.getElementsByName('wohnort')[0].value, this.value)">
    62. <option value="stoeckel">stoeckel
    63. <option value="wagenhuber">wagenhuber
    64. <option value="loesch">loesch
    65. </select>
    66. <br><br>
    67. <p id=anzeige></p>
    68. </body>
    69. </html>
    Alles anzeigen


    Mein Problem ist, daß beim ersten Ändern eines beliebigen Suchparameters für den request.readyState immer der Wert 0 angezeigt wird und sonst nichts weiter passiert.
    Wenn ich einen weiteren Parameter aus einem anderen Auswahlmenü auswähle, wird die erste Abfrage ausgeführt.
    Generell ist es bei dem Skript so, daß bei der n-ten Änderung eines Suchparameters der (n-1)-te Request ausgeführt wird.

    Kann mir jemand sagen, woran das liegt? Ist das ein Programmierfehler oder unterstützt der Firefox vielleicht AJAX nicht hundertprozentig?

    Danke für eure Hilfe

    Gruß
    Michael