jQuery:加载txt文件并插入到div

Question

我想加载一个*.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>

txt：

im done

如果我单击按钮firebug report error：

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")要简单得多。这是可行的，但即使是测试，你也不会从本地驱动器得到结果，你需要一个真正的http服务器。不可见错误是XMLHttpRequest错误。