主页 / 问题 / 872624
Accepted
Shevtsov Eugene
Asked:2020-08-23 22:58:26 +0000 UTC2020-08-23 22:58:26 +0000 UTC

动态加载记录

  • 772

已经打破了他的大脑......问题是这个。如果滚动到页脚，我需要加载记录。我什么都没做，但问题是要求额外的。块被多次发送。重复块加载 5-6 次。这是脚本：

$(window).scroll(function(){    
        var launch = 0;
        var foot =  $('footer').position().top - $('footer').height();
        if($(".action_block:last").attr('data-npage') >= {{$max_page}}) {
            var launch = 1;
        }
        if($(this).scrollTop()>= foot && launch == 0){
                launch = 1;
                $('#loader-icon').show();               
                var pagenum = parseInt($(".action_block:last").attr('data-npage')) + 1;
                var url = window.location.href;                 
                $.ajax({
                    url: url+'?page='+pagenum,                   
                    type: "GET",
                    beforeSend: function(){
                        $('#loader-icon').show();
                    },
                    complete: function(){
                        $('#loader-icon').hide();
                    },
                    success: function(data){
                        $("#actions_block").append(data);
                        // var launch = 0;
                    },
                    error: function(){}             
                    });
        }       
    })
jquery

1 个回答

  1. Best Answer

    在执行已发送的请求时不要发送新请求。

    $(window).scroll(function() {
  if ($("#actions_block").data("loading") == "loading") // !!!
    return;

  var launch = 0;
  var foot = $('footer').position().top - $('footer').height();
  if ($(".action_block:last").attr('data-npage') >= {
      {
        $max_page
      }
    }) {
    var launch = 1;
  }
  if ($(this).scrollTop() >= foot && launch == 0) {
    launch = 1;
    $('#loader-icon').show();
    var pagenum = parseInt($(".action_block:last").attr('data-npage')) + 1;
    var url = window.location.href;
    $("#actions_block").data("loading", "loading"); // !!!
    $.ajax({
      url: url + '?page=' + pagenum,
      type: "GET",
      beforeSend: function() {
        $('#loader-icon').show();
      },
      complete: function() {
        $('#loader-icon').hide();
        $("#actions_block").data("loading", ""); // !!!
      },
      success: function(data) {
        $("#actions_block").append(data);
        // var launch = 0;
      },
      error: function() {}
    });
  }
})

    • 1

相关问题