Foros del Web » Programando para Internet » Jquery »

cargar contenido de JSON por string

Estas en el tema de cargar contenido de JSON por string en el foro de Jquery en Foros del Web. Saludos amigos necesito ayuda, quiero cargar el contenidos de un JSON, con un evento onclick por su string, ya tengo un estructura armada y no ...
  #1 (permalink)  
Antiguo 16/03/2017, 11:54
 
Fecha de Ingreso: febrero-2007
Mensajes: 232
Antigüedad: 17 años, 2 meses
Puntos: 1
cargar contenido de JSON por string

Saludos amigos necesito ayuda, quiero cargar el contenidos de un JSON, con un evento onclick por su string, ya tengo un estructura armada y no quiero modificarla, lo que falta es pasar correctamente los niveles o condicion para que tome un string y otro, en todo caso son propiedades que no estoy llegando correctamente y no puedo mostrar el contenido o me carga en blanco. como repito no quiero cambiar la estructura poder adapatrlo a lo que tengo seria un gran ayuda. Muchas Gracias.

les dejo el JSON

Código Javascript:
Ver original
  1. {
  2. "data": [
  3.     {
  4.       "id": "e4462416-ee7b-4101-ac03-ae1025ee9e32",
  5.       "title": "Devil At The Catacombs",
  6.       "teaser": "Et porro recusandae labore cum labore esse aperiam. Aut id dolorum praesentium quidem eveniet optio quas cupiditate dolorem. Cupiditate vel animi nulla aspernatur nemo.",
  7.       "categories": [
  8.         "horror"
  9.       ],
  10.       "lang": [
  11.         2,
  12.         3
  13.       ],
  14.       "image": "image",
  15.       "date_pub": "2/19/2017",
  16.       "mode": [
  17.         2
  18.       ]
  19.     },
  20.     {
  21.       "id": "b42fbd10-8b35-49b9-8b88-81e58e411576",
  22.       "title": "Angels Without A Mouth",
  23.       "teaser": "Autem et ab commodi dolor magni quo aspernatur cum aspernatur. Sed ullam blanditiis qui. Sequi saepe ut blanditiis architecto hic deserunt ullam et. Repellat quia earum ea eveniet facilis aperiam temporibus deleniti. Aliquam id voluptatem reprehenderit laudantium deleniti inventore rerum non culpa. Aut sint maxime illum quia.",
  24.       "categories": [
  25.         "horror"
  26.       ],
  27.       "lang": [
  28.         1,
  29.         2
  30.       ],
  31.       "image": "image",
  32.       "date_pub": "2/14/2017",
  33.       "mode": [
  34.         3
  35.       ]
  36.     },
  37.  
  38. {
  39.       "id": "45ee0732-8968-4002-be7d-7fc99dbd718c",
  40.       "title": "Companion Program",
  41.       "teaser": "Blanditiis unde provident. Est consequuntur id quibusdam atque culpa magnam. Consequatur ut autem nisi velit consequatur qui dolor voluptates. Nesciunt totam suscipit sed ad minus officiis ipsa quo fuga. Ratione voluptatem asperiores quia qui voluptas et quae.",
  42.       "categories": [
  43.         "comedy"
  44.       ],
  45.       "lang": [
  46.         2,
  47.         1
  48.       ],
  49.       "image": "image",
  50.       "date_pub": "8/21/2016",
  51.       "mode": [
  52.         2
  53.       ]
  54.     },
  55.     {
  56.       "id": "6bc70195-ae44-47b3-9596-836a970cefe0",
  57.       "title": "Jester Can Dance",
  58.       "teaser": "Quis voluptates autem quidem. Eum itaque rerum veritatis perferendis earum rerum molestias soluta eum. Quia dolor autem ut corporis amet. Doloremque reiciendis quas. Eos voluptatibus voluptatem. Quos nisi ad voluptates enim voluptas nobis adipisci eaque sequi.",
  59.       "categories": [
  60.         "comedy"
  61.       ],
  62.       "lang": [
  63.         2,
  64.         3
  65.       ],
  66.       "image": "image",
  67.       "date_pub": "2/19/2017",
  68.       "mode": [
  69.         1
  70.       ]
  71.     }
  72. ]
  73.  
  74. }

y el código del evento onclick

Código Javascript:
Ver original
  1. $.getJSON("/archivo.json",
  2.       function(data) {
  3.  
  4.     $('#categoria li#1').on('click', function(){
  5.      
  6.         var projectHTML = '<ul id="resultado">';
  7.  
  8.     $.each(data.data.categories, function(i, item) {
  9.      
  10.         if (categories == 'horror')
  11.         {
  12.           projectHTML += '<li>';
  13.             projectHTML += '<span class="image"><img src=' + item.image + '/></span>';
  14.             projectHTML += '<span class="title">'+'<h3>' + item.title+ '</h3>'+'</span>';
  15.             projectHTML += '<span class="description">'+'<p>' + item.teaser + '</p>'+'</span>';
  16.             projectHTML += '</li>';
  17.         }
  18.     }); //end each
  19.  
  20.     projectHTML +='</ul>';
  21.     $('content').html(projectHTML);
  22.      })
  23.  
  24.  
  25.  
  26.   })

Última edición por cualquiera; 16/03/2017 a las 12:05

Etiquetas: contenido, json, string
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:03.