无法通过本地主机加载文本

时间:2015-07-22 18:08:49

标签: jquery localhost same-origin-policy simplehttpserver

问题:为什么我会收到一个错误,表明这是"来源不同"材料,我该如何解决? 我尝试使用python的SimpleHTTPServer在我的机器上重新创建this simple example(点击"自己动手尝试#34;)。我创建了一个demo_test.txt(内容与示例相同)。 demo_test.txt和jquery-2.1.4.min.js都位于启动服务器的根目录中。代码运行正常,直到它尝试访问demo_test.txt,此时出现错误:

  

XMLHttpRequest无法加载   文件:///Users/username/project/demo_test.txt。交叉原始请求   只支持协议方案:http,data,chrome,   chrome-extension,https,chrome-extension-resource。

如果我尝试将它们作为网址加载(注释掉行),我会得到一个不同的错误:

  

否'访问控制 - 允许 - 来源'标题出现在请求的上   资源。

我对同源策略有所了解,但我必须以某种方式违反它。有人可以帮助我吗?

<!DOCTYPE html>
<html>
<head>
<script src="jquery-2.1.4.min.js"></script>
<!-- <script src="http://127.0.0.1:8000/jquery-2.1.4.min.js"></script> -->

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("#div1").load("demo_test.txt");
        // $("#div1").load("http://127.0.0.1:8000/demo_test.txt");
    });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

<button>Get External Content</button>

</body>
</html>

0 个答案:

没有答案