由于跨域限制,我正在尝试使用jsonp。
在这里和其他网站搜索了很多论坛条目后。。我不知道为什么其中一个例子有效,而另一个例子无效。两个rest url的输出都是相同的JSON格式。
Twitter订阅源工作示例:http://jsfiddle.net/fwXD2/1/
代码粘贴在下面。如果我删除datatype:'jsonp'
,那么我会得到预期的"访问控制允许原点"错误。
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$.ajax({
url: 'https://twitter.com/status/user_timeline/stephenfry?count=10&format=json',
dataType: 'jsonp',
success: function(dataWeGotViaJsonp){
var text = '';
var len = dataWeGotViaJsonp.length;
for(var i=0;i<len;i++){
twitterEntry = dataWeGotViaJsonp[i];
text += '<p><img src = "' + twitterEntry.user.profile_image_url_https +'"/>' + twitterEntry['text'] + '</p>'
}
$('#twitterFeed').html(text);
},
error: function(e){
$('#twitterFeed').html("No 'Access-Control-Allow-Origin' header is present on the requested resource.");
}
});
})
</script>
</head>
<body>
<div id = 'twitterFeed'></div>
</body>
非工作示例:http://jsfiddle.net/kA6z5/
提前感谢您提供的任何帮助。
在JSONP技术中,服务器应该将响应封装在javascript函数中。这里对jsonp技术有一个明确的解释:
jQuery的"dataType:'jsonp'"只会确保将回调参数添加到您的url中。
只需添加一个'&callback=func123',twitter会在其他服务不在的地方用包装数据响应您。
twitter:URL
findschoolzone:URL
服务器负责识别回调参数并返回封装的数据。