[jQuery/AJAX] Inserire url immagine da file JSON in un div

[fmdesignlab]

Ciao a tutti, ho una risposta JSON per un api riguardante il meteo.


Per consultarla l'indirizzo è questo:
http://api.wunderground.com/api/10ea...ar_Rapids.json

In fondo ho delle voci riguardandi delle icone meteo del tipo:

"icon_url":"http://icons-ak.wxug.com/i/c/k/fog.gif"

In un file HTML poi ho inserito questo codice jQuery per mostrare alcuni dati che mi interessano in un div con id meteo

<script type="text/javascript">
jQuery(document).ready(function($) {
$.ajax({
url: "http://api.wunderground.com/api/10ea0e643a3d7699/geolookup/conditions/lang:IT/q/IA/Cedar_Rapids.json",
dataType: "jsonp",
success: function(parsed_json) {
var location = parsed_json['location']['city'];
var temp_f = parsed_json['current_observation']['temp_c'];
var icon = parsed_json['current_observation']['icon_url'];
$("#meteo").html("Temperatura "+location+" e di: " + temp_f+"Gradi C ");

}
});
});
</script>

Tutto funziona correttamente e viene inserito nel div con id meteo.

Il problema invece rimane quando voglio inserire anche l'icona meteo, non riesco a farlo, potete aiutarmi?

[Vindav]

a parte che per recuperare il campi di un json basta fare:

parsed_json.location.city;
parsed_json.current_observation.temp_c;
//per recuperare l'icona
parsed_json.current_observation.icon_url;
ecc...

Che problema riscontri con l'inserimento dell'icona?

[fmdesignlab]

non riesco ad inserirla in un tag img nell'attributo src, se uso il metodo sopra anche per l'icona, mi mostra solamente l'url.

[Vindav]

$("img").attr("src",parsed_json.current_observation.icon_url);

[fmdesignlab]

grazie