jQuery getJSON - URL 错误，请帮助

Question

我是 jQuery 的初学者，我尝试使用 getJSON，但是当我将它与 URL 一起使用时，我总是遇到错误，而当我将它与文本文件一起使用时，它却有效。 您能告诉我网址有什么问题吗？

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.getJSON("http://localhost/edoc?appname=eDRITS&prgname=JSON2",function(item){
     alert("success");
    $.each(item.users, function(i,user){
        content = '<p>' + user.name + ', ' + user.fname + '</p>';
        $(content).appendTo("#list");
    });
})
.success(function() { alert("second success"); })
.error(function() { alert("error"); });
});
</script>

代码中的 URL 是对返回 JSON 数据的程序的调用：

{"users":[ {"usrid":"GABR90","name":"ABRAMOVA ","fname":"Galina"}] }

如果我用包含 JSON 数据的文本文件替换 URL，它就可以工作：

$.getJSON("file.txt",function(item){...}

我通过 URL 得到的错误只是我的“.error() 函数”的显示，我没有任何具体的错误消息，而且我不知道如何使用调试器来查看浏览器的 HTTP Get（其中是火狐）。

那么我该如何将它与 URL 一起使用呢？

感谢您的帮助

Answer 1

您是否使用 file:/// 访问 HTML 页面，然后让该页面调用 http://localhost ？如果是这种情况，那么您就遇到了“同源”限制。

您的浏览器将该页面视为来自 file:// url，并且当该页面尝试连接到 http://localhost 时，从技术上讲，这是另一个域，出于安全原因，浏览器可能（并且通常会）阻止该通信。当您指向文本文件时，它会看到来自 file:// 的 html 和文件，并允许通信。

您应该在 Web 服务器中加载 HTML 页面，以便可以使用 http://localhost/mypage.html 访问该页面 或类似的网址。