Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

108
Vistas
Cargando más en desplazamiento basado en ID de matriz JSON
[ { "conf_id": "3", "conf_msg": "I like confessing", "votesUp": "", "votesDown": "", "time": "02:31:22" }, { "conf_id": "2", "conf_msg": "Am I only one jelaous of everyone around me?", "votesUp": "", "votesDown": "", "time": "02:31:12" }, { "conf_id": "1", "conf_msg": "I confess I want this script to work best!", "votesUp": "", "votesDown": "", "time": "02:30:46" } ]

Esta es mi respuesta JSON. Ahora está ordenado por ID DESC pero puedo configurarlo en ASC sin problema.

Así es como muestro mis 'mensajes' actualmente

 function jsonloader() { var ajax_url = "includes/get_confessions.php"; $.get(ajax_url, function(data) { $.each(data, function(i, single) { var confession = "<div id='confession' class='card confession' style='margin-bottom:10px;'>\n" + "<div class='card-block'>" + "<h6 class='card-subtitle mb-2 text-muted'>#" + single.conf_id + "</h6>\n" + "<p class='card-text'>" + single.conf_msg + "</p>\n" + "<a href='#' class='card-link' id='confession-timestamp'>" + single.time + "</a>\n" + "<div class='conf_votesUp' id='conf_votesUp'>" + single.votesUp + "</div>\n" + "<div class='conf_votesDown' id='conf_votesDown'>" + single.votesDown + "</div>" + "</div>" + "</div>"; $("#confessions").append(confession); }); }).always(function() { window.loading = false; }); }; jsonloader();

Estoy tratando de mostrar solo 5 'mensajes' de la matriz JSON y luego cargar más al desplazarme hacia abajo, según conf_id de la respuesta JSON.

Necesito algun manual, guia o lo que sea como se hace esto, porque soy nuevo en jQuery y no tengo ni idea.

about 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

necesitas:

  1. guarde todo conf_id en el campo oculto de entrada html
  2. envíe el último valor de conf_id (por cadena de consulta) con cada solicitud a la aplicación del servidor para que responda en función de su conf_id.

ver su código se convirtió en:

 function jsonloader() { var conf_id = $(".conf_id:last").val(); var ajax_url = "includes/get_confessions.php?conf_id=" + conf_id; $.get(ajax_url, function(data) { $.each(data, function(i, single) { var confession = "<div id='confession' class='card confession' style='margin-bottom:10px;'>\n" + "<div class='card-block'>" + "<h6 class='card-subtitle mb-2 text-muted'>#" + single.conf_id + "</h6>\n" + "<p class='card-text'>" + single.conf_msg + "</p>\n" + "<a href='#' class='card-link' id='confession-timestamp'>" + single.time + "</a>\n" + "<div class='conf_votesUp' id='conf_votesUp'>" + single.votesUp + "</div>\n" + "<div class='conf_votesDown' id='conf_votesDown'>" + single.votesDown + "</div>" + "</div>" + "<input type='hidden' class='conf_id' value='"+single.time +"' /> </div>"; $("#confessions").append(confession); }); }).always(function() { window.loading = false; }); };

espero que esto te ayude

about 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda