相当于以下 PHP 代码的 JQuery 是什么？ （JSON）

Question

我在 PHP 中得到了以下代码：

<?php
$json = file_get_contents('https://graph.facebook.com/192655950766049');
$data = json_decode($json, true);
echo $data['description'];
?>

我想要在 JQuery 中得到等效的代码。 我尝试自己做，但没有成功。 这是我的众多尝试之一：

<script type="text/javascript" src="../scripts/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$.getJSON("https://graph.facebook.com/192655950766049", function(json) {
   alert("JSON Data: " + json.description);
 });
</script>

我阅读了 http://api.jquery.com/jQuery 的解释。 getJSON/，但我还不太明白..

无论如何，如果你能帮助我，那就太好了！

谢谢

Answer 1

您使用 Javascript 请求不同的域，违反了同源政策。您需要在服务器端执行此操作（即在您的情况下使用 PHP）。

Answer 2

您需要使用jquery的jsonp请求。请参阅此简短讨论，了解如何使用此功能与 Facebook 进行交互。 JSONP 允许 XSS 忽略同源策略。

基本上你的代码看起来类似于：

<script type="text/javascript" src="../scripts/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$.getJSON("https://graph.facebook.com/192655950766049?callback=?", function(json) {
   alert("JSON Data: " + json.description);
 });
</script>

Answer 3

由于跨站脚本编写 限制。

Answer 4

$(document).ready(function(){ 
  var url = "https://graph.facebook.com/192655950766049?limit=3&callback=?";
  $.getJSON(url,function(json){
    var html = "<ul>";
    $.each(json.data,function(i,fb){
      html += "<li>" + fb.message + "</li>"; 
    });
    html += "</ul>";
    $('.facebookfeed').html(html);
  });
});

您也可以检查此网址。
http ://www.prettyklicks.com/blog/making-a-facebook-feed-using-the-graph-api-json-and-jquery/291/

另请使用与我相同的方法检查此链接指定的。
在循环中使用 $.getJSON

Answer 5

如果有人有兴趣在本地使用 jquery IE：WAMP，这里是一个经过测试的示例。它正在读取的 z.txt 文件中有一个简单的单个数字。

<script type="text/javascript" src="jquery-1.7.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $.getJSON("z.txt", function(json) {
        alert(json);
    });
});
</script>