如何使用javascript和jQuery从JSON检索数据?

如何使用javascript和jQuery从JSON检索数据?,javascript,jquery,json,cors,jsonp,Javascript,Jquery,Json,Cors,Jsonp,好的,我一直在尝试从这个网站检索JSON中的单个字符串: 这是我的片段: <html> <head> <title>Simple Page</title> </head> <script src="jquery.js"></script> <script> $(document).ready(function() { $.getJSON('http://blog.

好的,我一直在尝试从这个网站检索JSON中的单个字符串:

这是我的片段:

<html>
<head>
<title>Simple Page</title>
</head>
  <script src="jquery.js"></script>
    <script>
    $(document).ready(function() {
        $.getJSON('http://blog.teamtreehouse.com/api/get_recent_summary/?count=1', function(data) 
        { 
            alert(data.title)
        });     
    });
    </script>
</html>

简单页面
$(文档).ready(函数(){
$.getJSON('http://blog.teamtreehouse.com/api/get_recent_summary/?count=1,函数(数据)
{ 
警报(data.title)
});     
});
只是想得到一个简单的标题,并显示它作为一个提醒,或只是写在网站上,出于某种原因,我不能得到它的权利。我还检查了我的jquery是否正常工作,所以它不可能是这样


提前谢谢

查看从提供的端点返回的数据时,回调应读取
警报(Data.posts[0].title)
查看从提供的端点返回的数据时,回调应读取
警报(Data.posts[0].title)

对于这种类型的错误,您还需要通过链接下面的请求检查传递头参数


对于这种类型的错误,您还需要通过链接下面的请求检查传递头参数

缺少CORS HTTP头,因此无法直接执行AJAX请求。您需要使用服务器端代理或使用服务从远程网站获取数据

您正在访问的服务器提供JSONP支持,所以您可以通过向URL添加
callback=?
将其转换为JSONP调用

$.getJSON('http://blog.teamtreehouse.com/api/get_recent_summary/?count=1&callback=?', function(data) 
{ 
    alert(data.posts[0].title)
});
如果JSONP不受支持,您可以使用crossorigin.me服务,但我不会将此服务用于生产

$.getJSON('http://crossorigin.me/http://blog.teamtreehouse.com/api/get_recent_summary/?count=1', function(data) 
        { 
            alert(data.posts[0].title)
        }); 
缺少CORS HTTP头,因此无法直接执行AJAX请求。您需要使用服务器端代理或使用服务从远程网站获取数据

您正在访问的服务器提供JSONP支持,所以您可以通过向URL添加
callback=?
将其转换为JSONP调用

$.getJSON('http://blog.teamtreehouse.com/api/get_recent_summary/?count=1&callback=?', function(data) 
{ 
    alert(data.posts[0].title)
});
如果JSONP不受支持,您可以使用crossorigin.me服务,但我不会将此服务用于生产

$.getJSON('http://crossorigin.me/http://blog.teamtreehouse.com/api/get_recent_summary/?count=1', function(data) 
        { 
            alert(data.posts[0].title)
        }); 

可能是因为在根JSON元素上没有
title
属性,但是在
posts
arrayI的每个元素上都会控制台。写入(数据)并查看返回的内容(如果有)。可能是Title而不是Title,或者JSON对象没有返回。这是我在运行请求时得到的结果:“XMLHttpRequest无法加载。请求的资源上不存在“Access Control Allow Origin”头。”因此您无权读取此资源,除非服务器给你许可我记得某个时候在一个应用程序中使用了这个json数据,我不明白为什么它现在不允许我访问它。检查他们是否提供JSONP可能是因为根json元素上没有
title
属性,但是
posts
arrayI的每个元素上都有console.write(数据)看看会发生什么,如果有的话。可能是Title而不是Title,或者JSON对象没有返回。这是我在运行请求时得到的结果:“XMLHttpRequest无法加载。请求的资源上不存在“Access Control Allow Origin”头。”因此您无权读取此资源,除非服务器给你许可我记得某个时候在一个应用程序中使用了这个json数据,我不明白为什么它现在不让我访问它。检查他们是否提供了有意义的JSONP,但出于某种原因它仍然得不到任何东西。这是有意义的,但出于某种原因它仍然得不到任何东西。