javascript - 使用http请求无法获取Json数据

Question

我正在尝试获取页面 https://graph.facebook.com/?ids=http://backlinko.com 的 share_count 数据这是我的代码:

<div id='demo'/>
<script>
  var fbsrc = "https://graph.facebook.com/?ids=http://universalmanual.com";
  var request = new XMLHttpRequest();
request.open('GET', fbsrc, true);

request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    // Success!
    var data = JSON.parse(request.responseText);
    document.getElementByID('demo').innerHTML+=data.share.share_count;
  } 
};



request.send();
</script>

Answer 1

调用似乎工作正常并且输出即将到来。你有一个错字 -

document.getElementByID('demo').innerHTML+=data.share.share_count;

应该是

document.getElementById('demo').innerHTML+=data.share.share_count;

响应也采用以下 json 格式 -

{
   "http://universalmanual.com": {
      "share": {
         "comment_count": 0,
         "share_count": 0
      },
      "og_object": {
         "id": "477708298951135",
         "type": "website",
         "updated_time": "2013-04-02T05:16:14+0000"
      },
      "id": "http://universalmanual.com"
   }
}

所以份额计数可用

data["http://universalmanual.com"].share.share_count 

更新了代码笔 - https://codepen.io/anon/pen/oqowZN