JSON APIデータをhtmlにする

Question

JSON APIからデータを取得し、htmlで表示しようとしています。 IPinfo.io APIを使用して現在の天気を取得するためにIPアドレスとopenweathermap APIで都市の場所を取得しています。しかし、コードは動作しません、私は何かが恋しいですか？

ご協力いただきまして誠にありがとうございます。

<div class="section no-pad-bot"> 
    <div class="container"> 
     <div class="row center"> 
      <div id="putWeather" class="card-panel hoverable card-container"> 
      <!-- text from JSON here --> 
      </div> 
     </div> 
    </div> 
</div> 


<script type="text/javascript"> 
     $(document).ready(function(){ 

      var api = "http://api.openweathermap.org/data/2.5/weather?q="; 
      var units = "&units=metric"; 
      var appid = "&APPID=abcdefgh12345678" 
      var cb = "&callback=JSON_CALLBACK"; 

      var getIP = 'https://freegeoip.net/json/?callback=JSON_CALLBACK'; 

      $.getJSON(getIP).done(function(location) { 
       var getCity = location.city; //get city from IP 

       $.getJSON(api + getCity + units+ appid + cb, function(data) { 
       $('#putWeather').html(Math.round(data.main.temp)+ ' degrees Celcius'); 
      }); 
      }); 
     }); 
    </script> 

Answer 1

このリクエストを行う権限はありません。あなたがChromeのネットワーキング]タブを見れば、あなたは次401 Unauthorizedエラーが表示されます：私はネットワーキング]タブを確認すると

SSL access is restricted to paid plans. See http://ipinfo.io/pricing for more details, or contact us via http://ipinfo.io/contact