Ajax problema nel richiamare un file

[Meliupa]

ragazzi, dovrei richiamare un file json in un div all'interno di una pagina web, non so proprio come si faccia e sto provando con questo metodo

$("#one").click(function(){
		 $.getJSON("one.json", function(obj){});
		 $.each(obj, function(key, value){
			 $("#coldx").append("<ul>"+value.name+"</ul>");
			 });
		 
	 });

 <div id="colsx">    	<ul>    	  <li id="one"><a href="#">one</a></li>    	  <li id="two"><a href="#">two</a></li>    	  <li id="three"><a href="#">three</a></li>    	  <li id="four"><a href="#">four</a></li>  	  </ul>   	  </div>    <div id="coldx">        </div>

vorrei che nel div coldx appaiano le informazioni del documento json

[fermat]

ciao.

prova così:

$("#one").click(function() { 
         $.getJSON("one.json", function(obj){ 
            $.each(obj, function(key, value){ 
                $("#coldx").append("<ul>"+value.name+"</ul>"); 
             }); 
         }); 
});

e dai un'occhiata alla documentazione ufficiale: http://api.jquery.com/jquery.getjson/

[Meliupa]

Grazie mille ha funzionato, ma ora ho un altro problema, il mio file json è questo

{
"item": {
"name": "ABITO CORTO",
"details": "Maglia leggera, Collo a V, Interno semi-foderato, Logo.",
"composition": "Composizione: 94% Viscosa, 6% Elastam.",
"modelDetails": [
"La modella indossa una taglia 40",
"Misure: 86 - 60 - 90",
"Altezza modella: 178cm"
],
"images": [
"http://cdn.yooerx.biz/34/34295573it_12n_f.jpg",
"http://cdn.yooxee.biz/34/34295573it_12n_r.jpg",
"http://cdn.yooxee.biz/34/34295573it_12n_e.jpg",
"http://cdn.yooxee.biz/34/34295573it_12n_d.jpg"
]
}
}

la chiamata funziona nella prima parte, ma nonva con images, come posso fare per far apparire le immagini?

[fermat]

devi usare il tag <img>, e poi quando fai il ciclo ($.each) imposti l'attributo src dell'immagine.

[Meliupa]

Grazie per la risposta veloce, ma nella seconda riga al posto di value. cosa devo inserire considerato il json che ho incollato prima?

$.each(obj, function(src){
$("#coldx").append("<img>"++"</img>");
});

[Meliupa]

Scusate la doppia risposta, ma sono riuscito a far apparire nel codice gli url delle immagini, ma essendo questi parte di un solo value non riesco a separarli, e quindi quando li richiamo mi appare questo risultato

<img src="http://cdn.yoox.biz/34/34295573it_12n_f.jpg,http://cdn.yoox.biz/34/34295573it_12n_r.jpg,http://cdn.yoox.biz/34/34295573it_12n_e.jpg,http://cdn.yoox.biz/34/34295573it_12n_d.jpg">

a causa del file json, che è così

"images": [
			"http://cdn.yoox.biz/34/34295573it_12n_f.jpg",
			"http://cdn.yoox.biz/34/34295573it_12n_r.jpg",
			"http://cdn.yoox.biz/34/34295573it_12n_e.jpg",
			"http://cdn.yoox.biz/34/34295573it_12n_d.jpg"
		]

ora, io non posso toccare il file json, edevo trovare il modo per risolvere questo problema, spero possiate aiutarmi

[fermat]

images dovrebbe essere visto come un array.
quindi dovresti prendere un solo valore dall'array e impostarlo come source dell'immagine.

[Meliupa]

ma poi in questa maniera posso visualizzare solo un'immagine su 4?

[fermat]

puoi fare un ciclo sull'array e impostare 4 tag <img> con i rispettivi src.

in sostanza una cosa del genere (da provare e sistemare, non l'ho testato):

for (var i =0; i < value.images.length; i++) {
    $("#coldx").append('<img src="' + images[i] + '">');
}

ripeto che sono due righe scritte per darti un input.
non l'ho testato.

[Meliupa]

ato provando a modificarlo in maniera che funzioni, intanto grazie