jQuery $get text-file and display

[Steb]

Hi,

ist es möglich mit jQuery 1.5 von einem Webserver eine Text-Datei zu requesten und diesen Inhalt dann auszugeben?

$.get("192.168.0.71/ajax/HelloWorld.txt", function(data){
alert("Data Loaded: " + data);
});

Ist meine Idee, aber ich bin absolut neu im ajax/jquery Geschäft.

Vielleicht hat jemand einen Tipp oder ich gehe die Sache grundsätzlich falsch an?

Gruß
Stefan

 

[CPoly]

Dein Beispiel ist korrekt und funktioniert bei mir

$.get("test.txt", function(data){
	alert("Data Loaded: " + data);
});

Die same origin policy ist aber zu beachten. http://en.wikipedia.org/wiki/Same_origin_policy

 

[Steb]

Das bedeutet, da es sich nicht um den gleichen Host handelt kann ich das nicht von extern requesten und wird schon durch die Ausführung des Codes blockiert?

 

[Steb]

Ich habe nun versucht die gelieferten Daten weiter zu verwenden:

var e;
$.get("test.txt", function(data){
    alert("Data Loaded: " + data);
e=data;
});

$("#test").html=(e);

Das hat jedoch nichts geholfen.

Erst durch Verwendung von

var e;
$.ajax({
  type: "GET",
  async: false,
  url: "http://192.168.0.71/ajax/helloworld.txt",
  data: "getid=true",
  success: function(data){
    e=data;
  }
});

bin ich zum Erfolg gekommen.

Liegt das darin, wann der Block-Code ausgeführt wird?

Kann man diese Abfrage auch mit $.get ausführen oder muss ich über das .ajax Objekt gehen?

 

[CPoly]

Alles was auf die Daten des Request angewiesen ist, muss in die succes-Funktion. Du solltest auf keinen Fall "async" auf false setzen.

$.get("test.txt", function(data){
    $("#test").html(data);
});

//Oder auch
$("#test").load("test.txt");

Das ist eben die Art, wie JavaScript bzw. eventbasierte Sprachen arbeiten. Dort lässt sich schlecht "von oben nach unten" denken, wie bei anderen Sprachen oder Assembler.