jQuery：加载txt文件并插入div

我想加载一个* .txt文件，并将内容插入到一个div。 在这里我的代码：

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> 

文本：

 im done 

如果我点击button萤火虫报告以下错误：

 Syntax-Error im done 

我不知道该怎么办 ：-（

Answer 1

你需要添加一个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

你可以使用jQuery.load（）： http ://api.jquery.com/load/

喜欢这个：

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

Answer 3

.load("file.txt")更容易。 哪些工作，但即使testing，你不会得到本地驱动器的结果，你需要一个实际的http服务器。 看不见的错误是一个XMLHttpRequest错误。

Answer 4

您可以使用jQuery 加载方法来获取内容并插入到一个元素中。

尝试这个：

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

您也可以在加载过程完成后添加callback来执行某些操作

例如：

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

Answer 5

尝试

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

或将接收到的数据转换为string。

Answer 6

  <script type="text/javascript"> $("#textFileID").html("Loading...").load("URL TEXT"); </script> <div id="textFileID"></div>