猿问
下载APP

jQuery:加载txt文件并插入div

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

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

Syntax-Errorim done

我不知道该怎么办 :-(


慕盖茨1488219
浏览 55回答 3
3回答

qq_笑_17

您需要添加dataType -&nbsp;http://api.jquery.com/jQuery.ajax/$(document).ready(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$("#lesen").click(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.ajax({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url&nbsp;:&nbsp;"helloworld.txt", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType:&nbsp;"text", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success&nbsp;:&nbsp;function&nbsp;(data)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(".text").html(data); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;&nbsp;&nbsp;});});

一只甜甜圈

你可以使用jQuery.load():http://api.jquery.com/load/像这样:$(".text").load("helloworld.txt");

浮云间

这.load("file.txt")更容易。哪个有效,但即使测试,你也不会从本地驱动器获得结果,你需要一个真正的http服务器。不可见的错误是一个XMLHttpRequest错误。
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答