Berndinio: document objekt

Beitrag lesen

Ich stell mich erstmal kurz vor :)
Ich bin der Jan, bin 18 bald 19 und neu im Forum hier. Also erstmal Entschuldigung, falls dieses Thema hier nicht hin gehört (was ich mal stark bezweifle).

So, nun zum Problem das ich habe.

Ich habe ein html Seite mit Formular...easy going soweit:

<html>  
<head></head>  
<body>  
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>  
<script language="JavaScript" src="wowrealmstatus.js"></script>  
  
<form name="wowrealmstatusform" onsubmit="getrealmstatus()">  
<input name="servername" type="text" autocomplete="off"></input>  
</form>  
  
<div id="realmstatuses"></div>  
  
<script type="text/javascript">  
getrealmstatus();  
</script>  
</body>  
</html>

Die Funktion unten wird erwartungsgemäß ausgeführt usw.
Nun der gekürzte Quellcode der "wowrealmstatus.js" datei:

  
function getrealmstatus(){  
  
server= document.wowrealmstatusform.servername.value;  
  
$.getJSON("http://eu.battle.net/api/wow/realm/status?jsonp=?", function (realm) {  
var allrealms="";  
alert (server);  
.  
.  
.  
});}  

Mein Problem ist folgendes:
"document.wowrealmstatusform.servername.value" liefert anfangs den richtigen Wert...also das eingegebene im Formular.Das hab ich mit einem direkt darauf folgenden alert getestet.

Wenn ich sie aber nun innerhalb der Funktion, nach der http-request an die URL, ausgeben will, gibt er mir ein leeres alert Fenster zurück.Auch wenn ich es in die Variable Server schiebe, welche wohlbemerkt global sein müsste.

meine Frage: Wieso? Vielleicht wär auch ein Lösungsansatz toll.. aber in erster Linie will ichs erstmal kapieren wieso o.O