jQuery: load txt file and insert into div

Question

I want to load a *.txt file and insert the content into a div. Here my code:

js:

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

html:

<div class="button">     <input type="button" id="lesen" value="Lesen!" /> </div>  <div class="text">     Lorem Ipsum <br /> </div> 

txt:

im done 

If i click on the button firebug report following error:

Syntax-Error im done 

I don´t know what to do :-(

Answer 1

You need to add a 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);             }         });     }); });  

Answer 2

You could use jQuery.load(): http://api.jquery.com/load/

Like this:

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