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-Error
im done

Я не знаю, что делать: - (

Ответы

Ответ 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);
            }
        });
    });
});

Ответ 2

Вы можете использовать jQuery.load(): http://api.jquery.com/load/

Вот так:

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

Ответ 3

.load("file.txt") намного проще. Что работает, но даже при тестировании вы не получите результаты от локального диска, вам понадобится настоящий HTTP-сервер. Невидимая ошибка - ошибка XMLHttpRequest.

Ответ 4

Вы можете использовать метод jQuery load для получения содержимого и вставки в элемент.

Попробуйте следующее:

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

Вы также можете добавить обратный вызов для выполнения чего-либо после завершения процесса загрузки

например:

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

Ответ 5

Try

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

Или для преобразования данных, полученных в строку.

Ответ 6

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

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