Javascriptを使用してPinterest総共有数を取得するには？

Question

私は何が必要ですか？私は、javascriptを使って総シェア数を取得する必要があります。私は結果を得ることができhttps://api.pinterest.com/v1/urls/count.json?callback=receiveCount&url=http://google.com

：

このリンクを使用して動作していない receiveCount({"url":"http://google.com","count":11278})

私のコードを、私は、コードの一部が間違っているかわからないんだけど。下：

#pin-div { 
 
    color: red 
 
}

<script type="text/javascript" src="//code.jquery.com/jquery-1.12.4.js"></script> 
 

 
<div id="pin-div">0</div> 
 

 
<script type="text/javascript"> 
 
    $(function() { 
 
    var url = "http://facebook.com"; 
 
    var apiUrl = "https://api.pinterest.com/v1/urls/count.json?callback=receiveCount&url=" + url; 
 

 
    $.ajax({ 
 
     url: apiUrl, 
 
     success: function(result) { 
 
     $.each(result, function(key, val) { 
 
      console.log(key + " - " + val["receiveCount"]["count"]); 
 
      var shareCount = val["receiveCount"]["count"]; 
 
      $("#pin-div").html(shareCount); 
 
     }); 
 
     } 
 
    }); 
 
    }); 
 
</script>

Answer 1

あなたのデータはjsonpです：receiveCount({"url":"http://google.com","count":11278})。データを保持するためには、ウィンドウコンテキストでreceiveCount関数を作成する必要があります。

$.ajaxコードにdataType: "jsonp"を追加する必要があります。

あなたはあなたのコードのこのバージョンで試すことができます。これはPHPをタグ付けされるのはなぜ

#pin-div { 
 
    color: red 
 
}

<script type="text/javascript" src="//code.jquery.com/jquery-1.12.4.js"></script> 
 

 
<div id="pin-div">0</div> 
 

 
<script type="text/javascript"> 
 
    $(function() { 
 
    var url = "http://facebook.com"; 
 
    var apiUrl = "https://api.pinterest.com/v1/urls/count.json?callback=receiveCount&url=" + url; 
 

 
    $.ajax({ 
 
     url: apiUrl, 
 
     dataType: "jsonp", 
 
     success: function(result) { 
 
     receiveCount(result); 
 
     } 
 
    }); 
 
    }); 
 

 
    function receiveCount(data) { 
 
    $("#pin-div").html(data.count); 
 
    } 
 
</script>