Как я могу использовать JSon Jquery в api.openweathermap, чтобы получить информацию о погоде

Question

У меня есть этот апи

http://api.openweathermap.org/data/2.5/forecast/daily?q=Montpellier&mode=json&units=metric&cnt=10 

и я буду получать информацию (название города, погода ...) с помощью Jquery.

как я могу это сделать ??

Answer 1

Используйте вызов Ajax для получения JSON, как этот

$(document).ready(function(){ 
$.getJSON("http://api.openweathermap.org/data/2.5/forecast/daily?q=Montpellier&mode=json&units=metric&cnt=10",function(result){ 
    alert("City: "+result.city.name); 
    alert("Weather: "+ result.list[0].weather[0].description); 
    }); 
}); 

Вот скрипка: http://jsfiddle.net/cz7y852q/

---

Если вы не хотите использовать JQuery:

var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == XMLHttpRequest.DONE) { 
      if (xmlhttp.status == 200) { 
       var data = JSON.parse(xmlhttp.responseText); 
       //access json properties here 
       alert("Weather: "+ data.weather[0].description); 
      } 
      else if (xmlhttp.status == 400) { 
       alert('There was an error 400'); 
      } 
      else { 
       alert('something else other than 200 was returned'); 
      } 
     } 
    }; 
    xmlhttp.open("GET", "http://api.openweathermap.org/data/2.5/weather?id=524901&APPID=7dba932c8f7027077d07d50dc20b4bf1", true); 
    xmlhttp.send(); 

Использование ваш собственный API key, если URL-адрес не работает.

Answer 2

Просто оформить запрос Ajax GET:

var url = "http://api.openweathermap.org/data/2.5/forecast/daily?q=Montpellier&mode=json&units=metric&cnt=10" 

$.getJSON(url).then(function(data) { 
    console.log(data); 
}); 

api.openweathermap.org реализует CORS, что означает, что у вас не будет проблем перекрестного домена и может просто запросить API с помощью AJAX.