Javascript 为什么w3schools的JQuery.get示例对我不起作用？_Javascript_Jquery_Html_Get

Javascript 为什么w3schools的JQuery.get示例对我不起作用？

javascript jquery html

Javascript 为什么w3schools的JQuery.get示例对我不起作用？,javascript,jquery,html,get,Javascript,Jquery,Html,Get,这对其他人来说是显而易见的，但就我个人而言，我无法理解我已经从中复制了HTML 我稍微更改了一行，以便.get url指向完整的w3schools.com url（这在他们的示例页面上非常有效）。代码如下： <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script&

这对其他人来说是显而易见的，但就我个人而言，我无法理解

我已经从中复制了HTML

我稍微更改了一行，以便.get url指向完整的w3schools.com url（这在他们的示例页面上非常有效）。代码如下：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.get("http://www.w3schools.com/jquery/demo_test.asp",function(data,status){
      alert("Data: " + data + "\nStatus: " + status);
    });
  });
});
</script>
</head>
<body>

<button>Send an HTTP GET request to a page and get the result back</button>

</body>
</html>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$.get（”http://www.w3schools.com/jquery/demo_test.asp，功能（数据、状态）{
警报（“数据：+数据+”\n状态：+状态）；
});
});
});
向页面发送HTTP GET请求并返回结果

这段代码在w3schools网站上运行得很好，但当我将其粘贴到家庭电脑上名为“hi.html”的新文件中，并在Chrome和Firefox中打开时，它失败了

我正在直接复制和粘贴此html，为什么会失败？

由于同源策略（），您的web浏览器阻止Ajax请求执行。基本上，在localhost:80上运行脚本时，只能对localhost:80上的页面发出Ajax请求。W3Schools位于不同的主机上

出于安全原因，存在同源策略。例如，假设您登录到Facebook。如果同源策略不存在，程序员可能会创建一个恶意网站，向Facebook.com发出Ajax请求，并返回您的登录cookies。然后，它可能会将您的登录cookie发送给恶意程序员。恶意程序员可能会拿走你的登录cookie并在Facebook上冒充你。

一定是CORS（跨源资源共享）问题。查看此链接以更好地了解：