Comunidad de diseño web y desarrollo en internet online

cargar contenido ajax y jquery con json

Citar            
MensajeEscrito el 26 Dic 2011 04:34 pm
Hola buenos dias mi pregunta es la siguiente estoy haciendo una web donde voy a cargar contenido dinamico es una web de noticias , la verdd no c mucho como hacerle
para cargar ese contenido aqui en el trabajo el encargado de que m envie la informacio desde la base de datos m dijo que me va a eviar un json con los datos y que yo solo tengo que hacer la llamada de dichos datos
me dio un ejemplo asi

$.ajax({
url: "servicio.php",
type: "POST",
data: {idioma:"es"},
dataType: "json",
success: function(data){
$('#primera').html(data.items[0].mensaje)
$('#segunda').html(data.items[1].mensaje)
}
});
la cuestion es que necesito cargar datos en la siguiente estructura de html


<div class="noticia1">


<div id="imagen-noticia1" class="imagen-noticia1">

imagen noticia
</div>

<div class="contenedor-noticia1">

<div id="contenido" class="content-noticia1">
noticia
</div>


<div id="link" class="link-noticia1">
mas noticias
</div>
</div>


</div>


en concreto la idea es saber como cargar contenido dinamico en la estructura , osea en divs anidados , que por ejemplo en una noticia tengo q cargar una image un titulo y un contendio como hacer esta funcion como la de arriba de ajax para cargarlo

espero alguien me pueda ayudar o decir de algun ejemplo para darme una idea y hacerlo



gracias

Por acuario1220

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Dic 2011 04:43 am
Tal como lo veo se me ocurren dos opciones:

  • La más sencilla (y también la más "sucia"), agrega el html dentro de la función "success" de ajax, incluyendo los datos. Puedes usar un bucle para parsear toda la data y luego la metes en el div correspondiente usando el método "html" o "append", o lo que te venga mejor según lo que estás haciendo.
  • La más ordenada y óptima, aunque te implique un poco más de trabajo: usar un Javascript Template. En el sitio de Mozilla Developer Network hay una lista que puede ayudarte.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.