Javascript JQuery JSON数据未显示_Javascript_Jquery_Json

Javascript JQuery JSON数据未显示

javascript jquery json

Javascript JQuery JSON数据未显示,javascript,jquery,json,Javascript,Jquery,Json,我无法显示页面中的一些jason 数据在那里，但我认为可能与这一行有关： document.write(fbResults.cats[0].title); 以下是完整的html源代码： <!DOCTYPE HTML> <html> <head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

我无法显示页面中的一些jason

数据在那里，但我认为可能与这一行有关：

document.write(fbResults.cats[0].title);

以下是完整的html源代码：

<!DOCTYPE HTML>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script>

    $(document).ready(function() {
        $.getJSON('http://mydomain.com/api/get_cats', function(fbResults) {
            document.write(fbResults.cats[0].title);
        });
    });
</script>

</head>
<body>

</body>
</html>

它没有在页面上显示任何内容

在firebug控制台上，我收到以下错误：

未声明HTML文档的字符编码。如果文档包含US-ASCII范围之外的字符，则在某些浏览器配置中，文档将呈现乱码文本。页面的字符编码必须在文档或传输协议中声明

那里没有json数据的痕迹

我在干什么？whong？

你不应该记录。加载页面后再写（这里当然是这样）

如果要将其写入页面，则需要创建HTML并附加它。只需替换文档即可。请编写：

$('body').append('<p>'+fbResults.cats[0].title+'</p>');

$（'body'）.append（''+fbResults.cats[0].title+''）；

更新：

您的示例进行完全限定的URL调用。该服务器与您运行页面的服务器完全相同吗？如果不是，XHR只会接受请求（有时不会告诉您）。如果需要跨域，则需要使用JSONp。如果您试图在从网络中提取数据的同时在本地运行此操作，它将中断。

您不应该在加载页面后编写document.write（这里当然是这样）

如果要将其写入页面，则需要创建HTML并附加它。只需替换文档即可。请编写：

$('body').append('<p>'+fbResults.cats[0].title+'</p>');

$（'body'）.append（''+fbResults.cats[0].title+''）；

更新：

您的示例进行完全限定的URL调用。该服务器与您运行页面的服务器完全相同吗？如果不是，XHR只会接受请求（有时不会告诉您）。如果需要跨域，则需要使用JSONp。如果您试图在从网络中提取数据时在本地运行此操作，它将中断。

尝试此操作

 $.each(fbResults.cats,function(index,item){
    document.write(item.title);       
  });

工作示例：

试试这个

 $.each(fbResults.cats,function(index,item){
    document.write(item.title);       
  });

工作样本：

它似乎对我有用，请检查一下

这似乎对我有用，请检查一下

根据您的要求，可以，但我同意最好附加新元素或更新现有元素，而不是使用document.writeHmm。在这两方面你都是对的（尽管…任何使用document.write的人都会遇到麻烦）。根据你的说法，但我同意最好附加新元素或更新现有元素，而不是使用document.writeHmm。在这两个方面你都是对的（尽管…任何使用document.write的人都会遇到麻烦）。好的，当我像你一样将数据添加到实际页面时，但当我更改代码并添加“$.getJSON（''，函数（fbResults））时，你的代码会工作…相反，虽然数据完全相同，但它没有读取数据。这可能是因为我在pc桌面上运行该页面，而不是在任何服务器上运行该页面吗？您正在进行跨域调用吗？嗯，我的html页面在pc桌面上，我正在尝试从联机页面获取数据…这是一个问题吗？您不能这样做，因为同源策略如此我需要在本地下载json数据？好的，当我像您一样将数据添加到实际页面时，您的代码可以工作，但是当我更改代码并添加“$.getJSON（“”，function（fbResults））时…相反，虽然数据完全相同，但它没有读取数据。这可能是因为我在pc桌面上运行该页面，而不是在任何服务器上运行该页面吗？您正在进行跨域调用吗？嗯，我的html页面在pc桌面上，我正在尝试从联机页面获取数据…这是一个问题吗？您不能这样做，因为同源策略如此我需要在本地下载json数据吗？