1

Cargo un contenido en un div por medio de $('#divID').load('/Historial/Historial/11/20') y lo carga bien, pero cuando quiero cargar mas contenido en ese div se borra lo que ya estaba anteriormente

¿Hay alguna forma de cargar más contenido sin eliminar lo que estaba anteriormente en el div?

La estructura donde se encuentra el div es la siguiente:

<div id='Historial'>
    <div id='divID'></div>
    <div id="Carga" style="text-align:center;display:none;">
        <i class="fa fa-circle-o-notch fa-spin fa-2x fa-fw"></i>
        <span class="sr-only">Loading...</span>
    </div>
</div>

1 respuesta 1

1

Sí, con append():

Html:

<div id="divID">Mi contenido....</div>

jQuery:

$('#divID').append('<span>Más contenido</span>');

El resultado sería algo así:

<div id='Historial'>
    <div id='divID'>
      Mi contenido...
      <span>Más contenido</span>
    </div>
    <div id="Carga" style="text-align:center;display:none;">
      <i class="fa fa-circle-o-notch fa-spin fa-2x fa-fw"></i>
      <span class="sr-only">Loading...</span>
  </div>
</div>

También está appendTo(), el cual funciona con una sintaxis distinta:

Html:

<div id="divID">Mi contenido....</div>

jQuery:

$('<span>Más contenido</span>').appendTo('#divID');

Edición para dar un ejemplo práctico según el caso de la pregunta:

// carga de primer contenido (se puede utilizar $.get() también)
$('#divID').load('/Historial/Historial/11/20');

// carga del segundo contenido y anexarlo al elemento
$.get('/Historial/Historial/21/30', function(data) {$('#divID').append(data);});
4
  • y como podría aplicarlo si el nuevo contenido que voy a agregar lo traigo desde $('#divID').load('/Historial/Historial/21/30')?
    – JuankGlezz
    el 29 jul. 2016 a las 18:07
  • Teniendo en cuenta que .load() es muy similar a .get(), y de la forma que lo usas es casi intercambiable, tienes varias opciones: 1. usar los parámetros adicionales de .load() 2. simplemente usar .get(), el cual no es más que un método más sencillo de utilizar .ajax(). 3. usar .ajax(). En cualquiera de los 3 casos, puedes guardar la información recibida y pasarla a donde quieras.
    – Shaz
    el 29 jul. 2016 a las 18:15
  • Entendí mejor el contexto con .ajax() a diferencia de .get() utilizando el appendTo() Gracias @Shaz
    – JuankGlezz
    el 29 jul. 2016 a las 19:03
  • Agregué un ejemplo con .get()
    – Shaz
    el 29 jul. 2016 a las 19:04

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.