javascript - Jquery 从远程主机获取 json

您好，我正在尝试使用这段代码从远程主机读取 json。

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.getJSON("http://xx.xxx.xxx.xx/rest/user.json",function(result){
  $.each(result, function(i, field){
    $("div").append(field + " ");
      });
    });
  });
});
</script>
</head>
<body>

<button>Get JSON data</button>
<div></div>

</body>
</html>

问题是当我在浏览器中输入 url 时，我从中获取了 json。但是使用上面的jquery方法获取json失败。

有人可以在这方面提供帮助。谢谢

最佳答案

我将假设托管 JSON 的站点未提供此页面。

您正在尝试发出跨域请求，大多数(？)浏览器都允许这样做。您遇到了所谓的浏览器同源策略。它是浏览器内置的一种安全措施。它不允许您向与请求页面不在同一来源的位置发出 XHR 请求。

有几种解决方法: