Question

我从W3schools.com获得了此示例代码，想在我的网站上使用它，但是它无法在chrome和Opera中工作，仅在Firefox中工作。请问出了什么问题。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
    $("#div1").load("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>

Answer 1

您是否已从文件系统打开HTML文件？

在这种情况下，我遇到了这个错误：

无法加载file：///path/to/test.html：跨源请求仅支持以下协议方案：http，数据，chrome，chrome扩展名，https。

这意味着出于安全原因，chrome不允许此请求。

因此，您需要网络服务器才能使用http协议或禁用此安全性。

Disable same origin policy in Chrome

无论如何，使用控制台查看错误都是一个好主意。

https://developers.google.com/web/tools/chrome-devtools/shortcuts

搜索“打开控制台面板”

jQuery AJAX可在Firefox中运行，但不能在Chrome和Opera中运行

1 个答案: