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>

文本:

im done

如果我点击按钮firebug报告后出现以下错误:

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错误。