JQuery - Scroll Infinito con Ajax y MySQL... Problemas

   
Vista:

Scroll Infinito con Ajax y MySQL... Problemas

Publicado por MarvinMorales marv_mustaf@hotmail.com (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...

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>&nbsp;<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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Revisar política de publicidad