JQuery AJAX call с использованием локальной веб-страницы и контента

javascript jquery html ajax

438 просмотра

1 ответ

Я пытаюсь выяснить AJAX через jQuery, и у меня возникли проблемы с пониманием чего-либо.

Используя это руководство в W3Schools, я пытаюсь сделать что-то, что, на мой взгляд, должно быть довольно простым: загрузить текст из файла .txt, который находится в том же каталоге, что и файл .html, в div одним нажатием кнопки.

Вот дерево каталогов:

➜  jquery_ex tree                                                                                       
.                                                                                                       
├── demo_test.txt
└── index.html

и вот HTML / JS:

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $("button").click(function(){
                $("#div1").load("file:///Users/Nerdenator/Workspace/jquery_ex/demo_test.txt",
                    function(responseTxt, statusTxt, xhr){
                        if(statusTxt == "success")
                            alert("External content loaded successfully!");
                        if(statusTxt == "error")
                            alert("Error: " + xhr.status + ": " + xhr.statusText);
                    });
                });
            });
        </script>
    </head>
    <body>
        <div id="div1">
            <h2>Let jQuery AJAX Change This Text</h2>
        </div>
        <button>Get external content</button>
    </body>
</html>  

.Html загружается на страницу с URL file:///Users/Nerdenator/Workspace/jquery_ex/index.html, как и ожидалось. Однако при нажатии кнопки я получаю предупреждение об ошибке 404, и в консоли JS в Chrome появляется следующее:

jquery.min.js:4 XMLHttpRequest cannot load file:///Users/Nerdenator/Workspace/jquery_ex/demo_test.txt. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Я немного смущен здесь; как запрос данных на том же компьютере в той же папке, что и вызывающая страница, является запросом CORS?

Автор: nerdenator Источник Размещён: 08.11.2019 11:23

Ответы (1)


0 плюса

Я думаю, что URL-адрес в localhost 127.0.0.1/ имя папки / demo_test.txt или demo_test.txt

Автор: sajad Размещён: 20.08.2016 02:25
Вопросы из категории :
32x32