[JavaScript] XMLHttpRequest

[Bogi]

Hallo :)
Ich bin gerade dabei, eine Toolbar für den FireFox zu schreiben.
Funktioniert auch schon zum großen Teil, aber ich hab jetzt ein Problem:
Ich will Daten aus einer Datei auf dem Server auslesen, da das Ganze mit JavaScript funktioniert, bin ich dabei über XMLHttpRequest gestolpert.
Soweit ich jetzt weiß, ist das genau das, was ich suche.

Aber leider finde ich nirgends (ich hab jetzt lange gegoogelt) eine gute Beschreibung, WIE das nun funktioniert ... scheinbar hab ich irgendwie falsch gegoogelt oder so.
Ich hab zwar einige Code-Snippets gefunden, aber aus denen werd ich irgendwie nicht schlau, viell. hat jemand von euch eine Quelle oder kann mir das schnell erklären ;)

Um das ganze zu verdeutlichen, mal genau, was ich will:
Ich habe also eine php-Datei auf dem Server, die diverse Daten ausliest, diese Daten will ich in der Toolbar verwenden.

So sieht der Code zur Zeit aus:

function next4uTB_UserButtons()
{
	// Get the toolbaritem "container" that we added to our XUL markup
    var container = document.getElementById("next4uTB-UserButtons");
    
    if(Login['error']=='0')
    {
    	// Remove all of the existing buttons
    	for(i=container.childNodes.length; i > 0; i--) {
        	container.removeChild(container.childNodes[0]);
    	}

    	var tempButton = null;
    	tempButton = document.createElement("toolbarbutton");
    	tempButton.setAttribute("label", Data['newstopic']);
    	tempButton.setAttribute("id", "next4uTB-News-Button");
    	tempButton.setAttribute("tooltiptext", "News");
    	tempButton.setAttribute("oncommand", "next4uTB_LoadURL(Data['newslink'])");
    	container.appendChild(tempButton);
    	
    	var tempButton = null;
    	tempButton = document.createElement("toolbarbutton");
    	tempButton.setAttribute("label", Data['pmnewcount']+" neue PN");
    	tempButton.setAttribute("id", "next4uTB-NewPM-Button");
    	tempButton.setAttribute("tooltiptext", "Neue PN");
    	tempButton.setAttribute("oncommand", "next4uTB_LoadURL('http://www.next4u.de/pms.php')");
    	container.appendChild(tempButton);
	}
	else
	{
		// Remove all of the existing buttons
    	for(i=container.childNodes.length; i > 0; i--) {
        	container.removeChild(container.childNodes[0]);
    	}

    	var tempButton = null;
    	tempButton = document.createElement("toolbarbutton");
    	tempButton.setAttribute("label", "Login falsch");
    	tempButton.setAttribute("id", "next4uTB-WrongLogin-Button");
    	tempButton.setAttribute("tooltiptext", "Login Falsch");
    	tempButton.setAttribute("oncommand", "next4uTB_LoadURL('http://www.next4u.de/register.php')");
    	container.appendChild(tempButton);
	}
}
window.addEventListener("load", next4uTB_UserButtons, false);

Die Arrays Login und Data kommen aus der PHP-Datei ... bzw sollen kommen.
Ich hab das Problem vorher ein wenig anders gelöst, aber da ich einen Refresh einbaue, muss ich nun die Daten in der Funktion auslesen, deswegen brauch ich jetzt XMLHttpRequest.

Ich bedanke mich schon mal für jede Antwort :)

mfg, Bogi

[Andes]

Das hilft dir vielleicht weiter Request. Ansonsten mal nach AJAX Request suchen.

[Bogi]

Danke für den Link und den Tipp.
Hat mir sehr geholfen!

mfg