jQuery: carregar o arquivo txt e inserir em div

Eu quero carregar um arquivo * .txt e insira o conteúdo em um div. Aqui meu código:

js:

$(document).ready(function() { $("#lesen").click(function() { $.ajax({ url : "helloworld.txt", success : function (data) { $(".text").html(data); } }); }); }); 

html:

 
Lorem Ipsum

TXT:

 im done 

Se eu clicar no botão firebug report seguinte erro:

 Syntax-Error im done 

Não sei o que fazer 🙁

   

Você precisa adicionar um dataType – http://api.jquery.com/jQuery.ajax/

 $(document).ready(function() { $("#lesen").click(function() { $.ajax({ url : "helloworld.txt", dataType: "text", success : function (data) { $(".text").html(data); } }); }); }); 

Você poderia usar jQuery.load (): http://api.jquery.com/load/

Como isso:

 $(".text").load("helloworld.txt"); 

O .load("file.txt") é muito mais fácil. O que funciona, mas mesmo se estiver testando, você não obterá resultados de uma unidade local, você precisará de um servidor http real. O erro invisível é um erro XMLHttpRequest .

Você pode usar o método de carregamento jQuery para obter o conteúdo e inserir em um elemento.

Tente isto:

 $(document).ready(function() { $("#lesen").click(function() { $(".text").load("helloworld.txt"); }); }); 

Você também pode adicionar uma chamada de volta para executar algo assim que o processo de carregamento estiver concluído

por exemplo:

 $(document).ready(function() { $("#lesen").click(function() { $(".text").load("helloworld.txt", function(){ alert("Done Loading"); }); }); }); 

Experimentar

 $(".text").text(data); 

Ou para converter os dados recebidos para uma string.