[ERLEDIGT] ajax Datei auf server lesen

[littleHtml Freak]

Hallo zusammen,

Zunächst ein Mal muss ich erwähnen, dass ich noch nie mit ajax gearbeitet habe.
Ich möchte allerdings mit ajax den Inhalt einer (php)-Datei auf meinem Server auslesen. Das klappt bisher im Prinzip.

function getData(){
    page=document.getElementById("pageInput").value;
    file="../"+page;
    var newData;
    $.ajax({
        url : file,
        dataType: "text",
        success : function (data) {
            newData=data;
        }
    });
    console.log(newData);
    return newData;
}

newData bleibt leider "undefined", wohingegen data den Inhalt der Datei enthält.
Kann mir jemand sagen, wie ich die variable data zurückgeben kann?

Gruß Simon

 

[scbawik]

Hallo zusammen,

Zunächst ein Mal muss ich erwähnen, dass ich noch nie mit ajax gearbeitet habe.
Ich möchte allerdings mit ajax den Inhalt einer (php)-Datei auf meinem Server auslesen. Das klappt bisher im Prinzip.

function getData(){
    page=document.getElementById("pageInput").value;
    file="../"+page;
    var newData;
    $.ajax({
        url : file,
        dataType: "text",
        success : function (data) {
            newData=data;
        }
    });
    console.log(newData);
    return newData;
}

newData bleibt leider "undefined", wohingegen data den Inhalt der Datei enthält.
Kann mir jemand sagen, wie ich die variable data zurückgeben kann?

Gruß Simon

http://stackoverflow.com/questions/5528852/ajax-sync-and-async-difference

 

[pax]

Der scbawik ist wieder faul .
Zusammengefasst:
Der Ajaxrequest ist asyncron. Das heißt, er wird gestartet und unmittelbar danach der nächste Befehl ausgeführt. Dein return und console.log finden also statt, bevor der Request überhaupt beendet ist. Aus diesem Grund hast du die Callback-Funktion "success", die mit dem erfolgreichen Beenden des Requests aufgerufen wird.

 

[littleHtml Freak]

Super, danke!
so geht es:

$.ajax({
    url : path,
    dataType: "text",
    async: false,
    success : function (data) {
        newData=data;
    }
});