Как получить информацию из API?

Question

Как получить эту информацию от: http://weather.gccdaily.com/api.php?city=dubai

который создает информацию, как это:

{"apiVersion":"1.0", "data":{ "location":"dubai", "temperature":"24", "skytext":"Few clouds", "humidity":"47", "wind":"11.16 km/h", "date":"06-25-2015", "day":"Thursday" } } 

Как показать только температуру, skytext и других на веб-сайте.

Answer 1

Вы помечено этот JQuery: Try getJson

$.getJSON("http://weather.gccdaily.com/api.php?city=dubai", function(data) { 
    data = data.data; 
    var items = []; 
    $.each(data, function(key, val) { 
    items.push("<li id='" + key + "'>" + val + "</li>"); 
    }); 

    $("<ul/>", { 
    "class": "my-new-list", 
    html: items.join("") 
    }).appendTo("body"); 
}); 

Answer 2

Это Json вы можете получить доступ к нему, как это:

<p id="Weather"></p> 

<script> 
<!-- Paste or call your JSON here --> 
var text = '{"apiVersion":"1.0", "data":{ "location":"Dubai", "temperature":"33", "skytext":"Sky is Clear", "humidity":"38", "wind":"14.76 km/h", "date":"06-25-2015", "day":"Thursday" } }'; 

obj = JSON.parse(text); 

document.getElementById("Weather").innerHTML = 

obj.data.location + "<br />" + 
obj.data.temperature + "<br />" + 
obj.data.skytext + "<br />" + 
obj.data.humidity + "<br />" + 
obj.data.wind + "<br />" + 
obj.data.date + "<br />" + 
obj.data.day; 

</script> 

Вот рабочая скрипку ссылка:

[http://jsfiddle.net/8875z02L/1/][1]