Scroll infinito jquery ajax php

**Gae69** · 14-04-2017, 15:40

Buonasera, vorrei implementare in una pagina uno scroll infinito grazie al caricamento dei dati tramite ajax (stile facebook) ma non so da dove cominciare. Ho visto tanti esempi in rete ma non riesco ad adattarli al mio caso, questo è il codice che utilizzo per stampare a video i risultati:

codice:

<html>
<body>
<div class="c"></div>
<script>    setInterval(pullPost, 1000);
function pullPost() {
                $('#error-msg').html('loading....');
                $.ajax({
                    url: '../ajax/notifications.php',
                    method: "post",
                    success: function(data) {
                        setTimeout(function() {
                            $("#error-msg").fadeOut();
                        }, 3000);
                        $('.c').html(data);
                    },
                    error: function() {
                        $("#error-msg").html('There is some error occured').fadeIn();
                        setTimeout(function() {
                            $("#error-msg").fadeOut();
                        }, 3000);
                    }
                });
            }
            window.onload = function() {
                pullPost();
            };
        </script> </body></html>

Grazie in anticipo

**Gae69** · 29-04-2017, 14:00

Grazie per la risposta, scusa se rispondo solo adesso. Cercando in rete sono giunto a questo codice funzionante:

codice:

function pullPost() {                            $('.loader').hide();
                            $(document).ready(function(){
                                var load= 0;
                                $(window).scroll(function(){
                                    if($(window).scrollTop() == $(document).height() - $(window).height())
                                    {
                                        $('.loader').show();
                                        load++;
                                        $.post("../ajax/newsfeed.php",{load:load},function(data){
                                           $('.c').append(data);
                                           $('.loader').hide();
                                       });
                                        }
                                    
                                });
                            });
                        }

il problema adesso è che non mi funziona più il pulsante like/dislike

codice:

function like(id_post) {        
      $.ajax({
           type: "POST",
           url: '../ajax/like.php',
           data:{id_post:id_post},
           complete: function() {
							pullPost();
                                                        
						}


      });
       
 }

devo per forza aggiornare manualmente la pagine per visualizzare il cambiamento del pulsante mentre col vecchio codice pullPost() avveniva in automatico

Discussione: Scroll infinito jquery ajax php

Strumenti discussione

Ricerca discussione

Visualizza

Scroll infinito jquery ajax php

Permessi di invio