Ajax Request mit Form funktioniert nicht

[Ninjasturm]

Hallo tutorials,

ich habe heute mit Ajax angefangen zu programmieren doch leider treten immer wieder Fehler auf z.B. funktioniert die folgender Code irgendwie nicht:

<script type="text/JavaScript">
function LoginToPS()
	{
 		http = new XMLHttpRequest();
		http.onreadystatechange = function()
  		{
  			if (http.readyState == 4 && http.status == 200)
    		{
    			document.getElementById("Login").innerHTML = http.responseText + "<hr \>";
    		}
  		}
		http.open("GET","Login.php", true);
		http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		var Username = document.getElementById('username').value;
		var Password = document.getElementById('password').value;
		http.send("username=" + Username + "&password=" + Password) ;
	} 
</script>

an Login.php liegts nicht die funktioniert. Bitte denkt jetzt nicht das ist so ein Thread wo ich euch die Arbeit machen lass, da ich aber ein Laie in Ajax bin hab ich kein Plan wie das funktionieren könnte.

MfG Ninjasturm

 

[rd4eva]

Beim GET Request werden die Daten nicht in der send Methode sondern in der URL übergeben:
http.open("GET","Login.php?username=" + Username + "&password=" + Password, true);
...
http.send(null);

Und btw. eine detailliertere Fehlerbeschreibung wäre schön.

 

[Ninjasturm]

Danke jetzt funktionierts. Und wie mache ich das dann wenn ich die Daten per POST übertragen will.

 

[Quaese]

Hi,

dann sendest du die Daten über die Methode send mit, so wie du es anfangs hattest.

Der Methode open wird jedoch "post" statt "get" übergeben.

Ciao
Quaese