使用getJSON在json中访问数据

时间:2012-10-23 17:10:56

标签: javascript jquery json parsing twitter

我想获取用户名的个人资料图片。所以我更倾向于使用twitter api版本1.(api的常规版本是here)。但是我的代码没有返回任何数据。我该如何解决这个问题?

<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>
$(document).ready( function() {   
var userPage = "https//twitter.com/jack"; 
var arr = userPage.split("/");
var username = "";

for(i=3;i<4;i++)
username += arr[i];

var page = 'https://api.twitter.com/1/users/show.json?screen_name='+username;

        $.getJSON(page, function(data) {
            alert(data.profile_image_url);
        });

})

</script>
</head>

<body>
</body>

</html>

1 个答案:

答案 0 :(得分:1)

"&callback=?"添加到URL以强制jsonp格式绕过Access-Control-Allow-Origin问题。

var page = 'https://api.twitter.com/1/users/show.json?screen_name='+username + "&callback=?";

<强> EXAMPLE

<强> JSONP

  

JSONP的工作方式很简单,但需要一点点   服务器端合作。基本上,这个想法是你让   客户端决定将一小块任意文本添加到   JSON文档,您将其包装在括号中以创建有效的文档   JavaScript文档(可能还有一个有效的函数调用)。

     

客户端使用查询决定任意前置文本   名为jsonp的参数,其中包含要添加的文本。简单!空着   jsonp参数,结果文件只是JSON包装   括号中。