Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 16
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2015
    Messaggi
    38

    Ajax problema nel richiamare un file

    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

    codice:
    $("#one").click(function(){
    		 $.getJSON("one.json", function(obj){});
    		 $.each(obj, function(key, value){
    			 $("#coldx").append("<ul>"+value.name+"</ul>");
    			 });
    		 
    	 });
    codice HTML:
     <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

  2. #2
    ciao.

    prova così:
    codice:
    $("#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/

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2015
    Messaggi
    38
    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?

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

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2015
    Messaggi
    38
    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>");
    });

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2015
    Messaggi
    38
    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

    codice HTML:
    <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ì
    codice:
    "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

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

  8. #8
    Utente di HTML.it
    Registrato dal
    Feb 2015
    Messaggi
    38
    ma poi in questa maniera posso visualizzare solo un'immagine su 4?

  9. #9
    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):
    codice:
    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.

  10. #10
    Utente di HTML.it
    Registrato dal
    Feb 2015
    Messaggi
    38
    ato provando a modificarlo in maniera che funzioni, intanto grazie

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.