2015-08-15 14 views
6

Próbuję utworzyć aplikację pogodową z interfejsem API OpenWeatherMap dla javascript. Kod mojej aplikacji internetowej to:Jak korzystać z interfejsu API OpenWeatherMap dla JavaScript?

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Weather</title> 
     <script src = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js"></script> 
     <script> 
      function gettingJSON(){ 
       document.write("jquery loaded"); 
       $.getJSON("api.openweathermap.org/data/2.5/weather?q=London&APPID=ee6596241130f193adf1ba90e625cc10",function(json){ 
       document.write(json); 
      } 
     </script> 
    </head> 
    <body> 
     <button id = "getIt" onclick = "gettingJSON()">Get JSON</button> 
    </body> 
</html> 

Co ja tu się nie zgadza?

+0

);} brakuje na końcu skryptu –

Odpowiedz

7

Nie wykonano jeszcze metody parenthesis dla metody getJSON. Poza tym dokonałem kilku modyfikacji w twoim kodzie.

<!DOCTYPE html> 
<html> 
<head> 
<title>Weather</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script> 
    function gettingJSON(){ 
     document.write("jquery loaded"); 
     $.getJSON("http://api.openweathermap.org/data/2.5/weather?q=London&APPID=ee6596241130f193adf1ba90e625cc10",function(json){ 
      document.write(JSON.stringify(json)); 
     }); 
    } 
    </script> 
</head> 
<body> 
<button id = "getIt" onclick = "gettingJSON()">Get JSON</button> 
</body> 
</html> 

http://jsfiddle.net/kqLeh3mz/

Powiązane problemy