Question

所以我有这个简单的Flask应用程序，它返回从SQL数据库查询的项目的源。当你点击页面底部我想要获取更多数据，所以我使用ajax get调用来计算div的数量并返回3个div。

烧瓶视图

@app.route('/more', methods=['GET', 'POST'])
def more():
    start = 0
    stop = int(request.args['stop'])
    limit = stop
    return render_template('feed.html', feed = feed.query.order_by(feed.added.desc()).slice(start,stop).limit(limit).all())

ajax call

$(document).ready(function() {
      var start = $(".div").length;
      var stop = start + 3;

      $(window).scroll(function() {
        if($(window).scrollTop() == $(document).height() - $(window).height()) {
          $.get('/more', { start : 0, stop :  stop, 
                success:  window.location = '/more?start='+0+'&stop='+stop});
             }
       });
});
</script>

但是，这显然会导致页面重定向并跳转到页面顶部并将网址更改为'.../more?start=0&stop=8'。由于这是正常行为，我该如何做同样的事情，但保持在页面底部并保留我当前的网址.../feed？即做什么twitter feed，facebook feed等

滚动以获取更多数据AJAX请求

0 个答案: