Question

我试图通过jQuery弄清楚AJAX，而且我在理解某些事情时遇到了一些麻烦。

在W3Schools使用this教程，我尝试了一些我认为应该非常简单的事情：从.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加载到包含网址file:///Users/Nerdenator/Workspace/jquery_ex/index.html的网页中。但是，在按钮单击时，我收到404错误警报，并且Chrome中的JS控制台中显示以下内容：

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请求？

Answer 1

我想在localhost中的url 127.0.0.1/folder name / demo_test.txt 要么 demo_test.txt

使用本地托管的网页和内容调用jQuery AJAX

1 个答案: