Почему не работает моя функция загрузки jQuery?- на Chrome

Question

У меня есть этот HTML:

<div class="box" id="n5">
    <p class="text">Lorem ipsum dolor sit amet</p>
    <textarea id="contentArea" rows="10" cols="50"></textarea>
    <div class="more">LikeAlink</div>
</div>

и эта функция jQuery:

$(document).ready(function(){
    $(".box .more").click(function(event){
        $.ajax({
            url : "test.txt",
            success : function (data) {
                $("#contentArea").html(data);
            }
        });
    });
});

Я нашел это решение в Интернете в качестве примера.Почему это не работает для меня?Я использую Chrome, но пример работал в этом браузере.

Содержимое не отображается в текстовом поле. Пример

edit:

У меня есть это сообщение об ошибке в консоли:

XMLHttpRequest не может загрузить файл: /// C: /WAMP / WWW / test.txt.Нулевой источник не разрешен Access-Control-Allow-Origin

edit # 2:

для тех, кто заинтересован, похоже, это проблема в Chrome на локальных серверах.Чтобы проверить, запустите Chrome с этим аргументом

- отключить-web-security

chrome.exe --disable-web-security

Answer 1

Согласно вашему комментарию

XMLHttpRequest не может загрузить файл: /// C: /wamp/www/text.txt. Нулевой источник не разрешен Access-Control-Allow-Origin

Это потому, что вы загружаете его из файловой системы, а не обслуживаете его через веб-сервер.

Я сделал то же самое с некоторыми данными JSON и получил те же результаты. Установите правильный тип MIME на своем веб-сервере и подайте с http://example.com/text.txt вместо file:///C:/wamp/www/text.txt

Если вы считаете, что все настроено правильно, попробуйте записать, что data возвращает в качестве первого шага.

$(document).ready(function(){
    $(".box .more").click(function(event){
        $.ajax({
            url : "test.txt",
            success : function (data) {
                // either
                alert(data);
                // or
                console.log(data);
            }
        });
    });
});

Узнайте больше о jquery.ajax на сайте jQuery.

http://api.jquery.com/jQuery.ajax/
http://api.jquery.com/jQuery.ajaxSetup/