Dieter: [Ajax] Anfängerproblem - komme einfach nicht weiter...

Beitrag lesen

Hallo,

ich versuche nun seit Tagen eine AJAX-Funktion zu bauen, die mir nach Eingabe einer PLZ die dazugehörenden Orte in einem Suggest-Stil wiedergibt.
Leider komme ich einfach nicht weiter, da ich wohl doch zu wenig Ahnung habe...

Bis jetzt nutze ich folgenden Code:

HTML (PHP-Ausgabe):

  
<form method="post" action="func_neukontakt.php">  
  <script type="text/javascript" src="getplznow.js"></script>  
 <tr>  
  <td style="width: 125px">Land / PLZ /Ort:</td>  
  <td style="width: 560px" colspan="4">  
  <select name="fland" style="width: 35px">  
  <option value="D">D</option>  
  </select> <input name="fplz" type="text" style="width: 50px" value="'.$fplz.'" onKeyup="getplz()"/>  
  <input name="fort" type="text" style="width: 468px" value="'.$fort.'"/><div id="plzwahl"  
  
style="border:1px;"></div></td>  
 </tr>  
</form>  

die getplznow.js:

  
function getplz() {  
 var splz = document.forms.fplz.value;  
 if (splz.length==5) {  
  var req = null;  
  try{  
   req = new XMLHttpRequest();  
  }  
                catch (ms){  
                    try{  
                        req = new ActiveXObject("Msxml2.XMLHTTP");  
                    }  
                    catch (nonms){  
                        try{  
                            req = new ActiveXObject("Microsoft.XMLHTTP");  
                        }  
                         catch (failed){  
                         req = null;  
                        }  
                    }  
                  }  
                if (req == null)  
                      alert("Error creating request object!");  
        var gurl = 'http://localhost/getplz.php?plz='+document.forms.fplz.value;  
                      req.open("GET", gurl, true);  
                req.onreadystatechange = function(){  
                                switch(req.readyState) {  
                            case 4:  
                            if(req.status!=200) {  
                                alert("Fehler:"+req.status);  
                             }else{  
                                    alert(req.responseText);  
                                 document.getElementById('plzwahl').innerHTML = req.responseText;  
                            }  
                            break;  
       default: return false;  
                            break;  
                            }  
                    };  
                    req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");                            req.send(null);  
             }  
     }  
 }  

und letztendlich die getplz.php (Beispiel):
[code lang = php]
<?php
echo 'Antwort';
?>
[/code]

Damit hätte ich erwartet, das er mir in den div "plzwahl" die Response des PHP-Scripts, in dem Beispiel "Antwort", reinschreibt.
Statt dessen bekomme ich vom Browser direkt nach der ersten Zahleingabe in dem Feld PLZ die Rückmeldung "Objekt nicht gefunden".

Ich sitze jetzt hieran schon ein paar Tage und sehe nunmehr ein, das mir alle Tuts und Google nicht wirklich mehr weiterhelfen - weil ich es nicht verstehe...  :-(

Darum meine Bitte an euch: HILFE !!!

Gruss
Dieter