Scroll Infinito con Ajax y MySQL... Problemas
Publicado por MarvinMorales (2 intervenciones) el 06/11/2017 19:22:46
Hola, buenas tardes, quisiera que me ayuden con una explicacion, estoy haciendo una sitio web de noticias, y quiero implementar el scroll infinito para que cuando llegue al final de la pagina, cargue 10 noticias mas, cabe recalcar que la pagina al cargarse, mostrara 20 Noticias, y el scroll infinito empezara desde la fila 21 de la tabla. He escrito un codigo pero me da problemas, me carga todo automaticamente sin parar...
Podrian ayudarme verificando si es que hay algun error o guiarme para hacerlo mejor... Muchas gracias
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
//Codigo Jquery
var flag_scroll = 21; //Indicador inicializado en 21
$(window).scroll(function(){
if($(window).scrollTop() >= $(document).height() - $(window).height()){
$('#ForLoadMore1').html("<div id='loadingDraw' style='width100%; height35px; display:flex; align-items:center; justify-content:center;'><img src='imagenes/loading.gif' style='width:135px; height:100px;'></div>"); //Esta es una imagen de loading en .gif
setTimeout(function(){$('#loadingDraw').hide()}, 2000);
setTimeout(function(){
$.ajax({
url:'loadMore.php',
type:'GET',
data:{
'offset':flag_scroll, //Paso variable por metodo Get
'limit':10 //Limite 10, para cargar de 10 en 10
},
success:function(data){
$('#ForLoadMore1').append(data);
flag_scroll =+ 10; //Una vez recibida la data, el indicador se aumenta en 10
}});
}, 2000);
}});
//Codigo PHP
<?php
//Crear Variables para conexion Noticias Principales
$host = "localhost";
$user = "**************";
$pw = "*****************";
$dataBase1 = "kautivai_DatosDeNoticias";
if(isset($_GET['limit']) && isset($_GET['offset'])){
$limit = $_GET['limit'];
$offset = $_GET['offset'];
$conexion = mysqli_connect($host, $user, $pw) or die("Problemas al conectar con base de datos 'kautivai_DatosDeNoticias'");
mysqli_select_db($conexion, $dataBase1) or die("Problemas al conectar con base de datos 'kautivai_DatosDeNoticias'");
$result = mysqli_query($conexion, "SELECT * FROM Noticia1 LIMIT {$limit} OFFSET {$offset}") or die("Error al realizar consulta: ".mysqli_error($conexion));
while($final = mysqli_fetch_array($result)){
echo "<div class=\"not7\"><div class=\"fotosMain3\" id=\"foto18\"><img src='".$final['RutaImagen']."' class='PORTADAS1'></div><div class=\"TextoDerecha\"><h3 id=\"Etiqueta16\" style=\"color: #10A2E5; font-family: 'Raleway', sans-serif; font-size: 12px; line-height: 10px; margin-top: 10px; margin-bottom: 10px;\">".$final['Etiqueta']."</h3><hr class=\"barrasNuevas\" size=\"1px\" width=\"100%\" noshade=\"noshade\" style=\"margin: 10px auto; opacity: 0.3;\"><h1 class=\"titulosMain3\" id=\"Titulo19\">".$final['Titulo']."</h1><h1 class=\"Subtitulos\" id=\"Subtitulo15\">".$final['Subtitulo']."</h1><p style=\"color: #2E2E2E; font-family: Arial; font-size: 11px; margin-top: 10px;\">Por: <span style=\"color: #1279a8;\">".$final['Autor']."<span style=\"color: #2E2E2E;\">|</span></span> <span>".$final['Fecha']."</span></p><p class=\"main3Textos\" id=\"main3Textos-12\">".substr($final['Texto'], 0, 300)."...</p></div></div>";
}}?>
Podrian ayudarme verificando si es que hay algun error o guiarme para hacerlo mejor... Muchas gracias
Valora esta pregunta
0