页面全部显示完毕后为什么会产生get请求报错，如何去除该报错

<script>
   /* 封装函数，异步取数据*/
   var loading = false;   //是否正在加载中
   var page = 1;  //当前页
   var noMore = false;    //是否有下一页

   // 获取新数据
   function LoadData(callback) {
       if (loading) return;
       if (noMore) return;
       loading = true;
       $('#loading').show();
       // 加载html片段
       $.ajax({
           url: '{% url 'mall:product_load_list' %}',
           data: {
               page: page
           },
           // 调用接口成功后
           success: function (rest) {

               // 添加html片段到内容区
               $('#list').append(rest);
               page++;    // 页面增加1
               loading = false;
               $('#loading').hide();
               // 如果有回调函数则调用
               if (callback) {
                   callback()
               }
           }
       })
   }

   // 下拉刷新
   $(document.body).pullToRefresh().on('pull-to-refresh', function () {
       $('#list').empty();    // 清空数据
       page = 1;
       noMore = false;
       LoadData(function () {
           $(document.body).pullToRefreshDone();
       })
   });

   $(document.body).infinite(400).on('infinite', function () {
       LoadData();    // 加载数据

   })
   LoadData();    // 默认加载第一页

view.py:

class ProductList(ListView):
   """ 使用面向对象的方法实现商品的展示 """
   # 每页放多少条数据
   paginate_by = 7
   # 模板位置
   template_name = 'pro_list.html'


   def get_queryset(self):
       query = Q(status=constants.PRODUCT_STATUS_SELL,is_valid=1)
       # 按名称搜索
       name = self.request.GET.get('search','')
       if name:
           query = query & Q(name__icontains=name)

       return Product.objects.filter(query)

我第一页加载完了所有数据，然后下滑刷新，为什么还会自动继续查找下一页导致报错。想了很久不知道该怎么修改代码。