jQuery: загрузить текстовый файл и вставить в 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сообщить об ошибке:

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");
    }); 
}); 

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

например:

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

Answer 5

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

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

Answer 6

Попробуйте

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

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