Jquery Ajax twitter/facebook 个人资料图像和 http 302

Question

所以，我在堆栈溢出和其他网站上阅读了一些有关 jquery ajax 和 http 302 的内容。有些地方似乎说这是一个无法修复的问题，其他地方提供的解决方案对我不起作用(我认为他们可能正在更改一些服务器端脚本)。然而，我正在寻找一种解决方案来解决我无法访问的服务器的 ajax/重定向问题... facebook 和 twitter!

这是我的问题。我需要从 facebook 和 twitter 上获取默认大小(fb- 50x50px，twitter- 48x48px)以外的个人资料图像。对于 facebook，这是通过

完成的

https://graph.facebook.com/[userid]/picture?type=[size]

用推特就是

http://api.twitter.com/1/users/profile_image/[屏幕名称].json?size=[大小]

这两个都返回一个 HTTP 302 重定向，然后不会向 jquery 提供任何内容。

我尝试了成功、错误和完成，看看在某个时刻我是否可以获取响应 header 的位置并将其传递出去，但是使用控制台并做了一些研究，我发现浏览器在接收到根据 w3c 标准，302 应该立即处理重定向，从而使 jquery 无法从 header 中获取任何内容。

我必须用 JavaScript 来完成这一切，因为随着浏览该网站的人数增加，我们的服务器将无法抓取这些图像并将它们传递到客户端。基本上，我们需要确保所有工作都是由 facebook/twitter 服务器完成。

有人能解决这个问题吗？

预先感谢您的任何帮助/建议! :-D

Answer 1

你为什么要用 Ajax 来做事？难道你不能只构建一个图像标签，这意味着客户端无论如何都不必执行两个请求吗？

var pUrl = 'https://graph.facebook.com/[userid]/picture?type=[size]';
// update Url with user info & requested size.
$('#placeholder').html('<img src="' + pUrl + '" />');