PHP & JavaScript Room :: 設置サンプル

実行結果

bit.ly API

指定した複数のbit.ly短縮URLがクリックされた数を取得します。

loading...

設置サンプルのソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>設置サンプル</title>
      <link rel="stylesheet" type="text/css" href="/content/lib/global.css" />
       <script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
   <link rel="stylesheet" type="text/css" href="/common/css/example.css"></head>
   <body id='example3' class='example'><div class="ads" style="margin:32px auto;text-align:center;"></div><h1 class='h'><a href='/'>PHP &amp; JavaScript Room</a> :: 設置サンプル</h1>
<h3 class='h'>実行結果</h3>
      <h3>bit.ly API</h3>
      <p>指定した複数のbit.ly短縮URLがクリックされた数を取得します。</p>
      <div id="loading">loading...</div>
      <script type="text/javascript">
         /* clicks.phpの中身
{"status_code": 500, "data": null, "status_txt": "INVALID_LOGIN"}         */
         $(function(){
            $.getJSON(
               "/module/include/topic/bitlyapi/clicks.php", //短縮URLデコード
               null,
               function(data){
                  var s="";
                  if(window.console && console.log) console.log(data); //debug
                  $.each(data,function(k,v){
                     if(k=="data"){
                        $.each(v,function(k2,v2){
                           if(k2=="clicks"){
                              for(var i=0; i<v2.length; i++){
                                 s+="<hr />";
                                 $.each(v2[i],function(k3,v3){
                                    if(k3=="short_url"){
                                       s+=k3+": <a href='"+v3+"' target='_blank'>"+v3+"</a><br>";
                                    }else{
                                       s+=k3+": "+v3+"<br>";
                                    }
                                 });
                              }
                              s+="<hr />";
                           }
                        });
                     }else{
                        s+=k+": "+v+"<br>";
                     }
                  });
                  $("#loading").html(s);
               }
            );
         });
      </script>
   </body>
</html>