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报告后出现以下错误：

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

Answer 4

您可以使用jQuery load方法获取内容并插入元素。

试试这个：

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

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

e.g：

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

Answer 5

尝试

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

或者将收到的数据转换为字符串。

Answer 6

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

 <div id="textFileID"></div>

jQuery：加载文本文件并插入div

6 个答案: