Skip to main content
se eliminaron 213 caracteres en el cuerpo
Origen Enlace

Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda (perdón tantas veces este texto pero no me deja publicar)

Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda (perdón tantas veces este texto pero no me deja publicar)

Muchas gracias por la ayuda

Origen Enlace

Traer solo un elemento del Json

soy muy nuevo en esto y estoy haciendo un ejercicio que consiste en traer un dato de acuerdo a la la opción seleccionada, les comparto lo que tengo para ver si me pueden ayudar a saber como traigo solo un elemento y no todo el Json.

function aliadoSelect(data) {

    $.each(data, function(i, item) {
        console.log (item.imgBanner);
        console.log (" ");
        console.log (item.offers.offersOne);
        console.log (item.offers.offersTwo);
        console.log (item.offers.offersThree);
        console.log (item.offers.offersFour);
        console.log (" ");
        console.log (item.howToUse);
        console.log (" ");
        console.log (item.date);
        console.log (" ");
        console.log (item.terms);

        console.log ("============");
    });
}


function aliados(dataAliados) {
    $.each(dataAliados, function(i, itemAliados) {
        $( ".aliados" ).append( "<div class='containerAliados' id="+itemAliados.idAliado+"><p>"+itemAliados.imgLogo+"</p></div>" );
    });

$(".containerAliados").click(function(event){ 
        aliadoSeleccionado = $(this).attr('id');
        console.log (aliadoSeleccionado);
        $.getJSON('aliados.json', null, function(data) {
            aliadoSelect(data);
        });
    }); 
}

$(document).ready(function() { 

    $.getJSON('aliados.json', null, function(dataAliados) {
            aliados(dataAliados);
        });


}); 
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Somos EPM</title>
    <link rel="stylesheet" href="main.css">
  </head>
  <body>
  <div class="aliados">
    
  </div>
  <h1 id="ver">Ver</h1>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="main.js"></script>
  </body>
</html>

Y este es el Json

[
{
    "idAliado": 0,
    "imgLogo": "App_Themes/aliados/pizza-doble-pizza/logo.png",
    "imgBanner": "App_Themes/aliados/pizza-doble-pizza/banner.jpg",
    "offers": {
        "offersOne":        "App_Themes/aliados/pizza-doble-pizza/oferta-1.jpg",
        "offersTwo":        "App_Themes/aliados/pizza-doble-pizza/oferta-2.jpg",
        "offersThree":  "App_Themes/aliados/pizza-doble-pizza/oferta-3.jpg",
        "offersFour":   "App_Themes/aliados/pizza-doble-pizza/oferta-4.jpg"
    },
    "howToUse": "Presenta tu documento de identidad o di el número a la hora de hacer tu pedido.",
    "date":         "Válido hasta el 31 de diciembre de 2019",
    "terms":        "Combo "
},
{
    "idAliado": 1,
    "imgLogo": "App_Themes/aliados/yom-yom/logo.png",
    "imgBanner": "App_Themes/aliados/yom-yom/banner.jpg",
    "offers": {
        "offersOne":        "App_Themes/aliados/yom-yom/oferta-1.jpg",
        "offersTwo":        "",
        "offersThree":  "",
        "offersFour":   ""
    },
    "howToUse": "Presenta tu documento de identidad",
    "date":         "Válido hasta el 31 de diciembre de 2019",
    "terms":        "* Aplican"
}
  ]

Ya consulte de varias formas pero no logro cumplir mi objetivo, que idea me pueden dar chicos?

Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda Muchas gracias por la ayuda (perdón tantas veces este texto pero no me deja publicar)