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

実行結果

bit.ly API

指定したbit.lyの短縮URLをロングURLに変換し、その戻り値をすべて表示します。

例）http://bit.ly/d5EsrZ　→　https://www.google.co.jp/

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をロングURLに変換し、その戻り値をすべて表示します。</p>
      <p>例）http://bit.ly/d5EsrZ　→　https://www.google.co.jp/</p>
      <div id="loading">loading...</div>
      <script type="text/javascript">
         /* expand.phpの中身
         */
         $(function(){
            $.getJSON(
               "/module/include/topic/bitlyapi/expand.php", //URL短縮
               {
                  short_url:"http://bit.ly/1YKMfY"
               },
               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=="expand"){
                              $.each(v2[0],function(k3,v3){
                                 s+=k3+": <a href='"+v3+"' target='_blank'>"+v3+"</a><br>";
                              });
                           }
                        });
                     }else{
                        s+=k+": "+v+"<br>";
                     }
                  });
                  $("#loading").html(s);
               }
            );
         });
      </script>
   </body>
</html>