Question

这是javascript

 $(window).scroll(function() {
         $.ajax({
            type: "GET",
            url: "not_data.php",
            data: dataString,
            success: function my_func () {
               //show new name
            }
        });
      });

这是not_data.php

<?php

$name_query=mysql_query("SELECT name FROM  names");
        while($run_query = mysql_fetch_assoc($name_query)) {
            $name = $run_query['name'];

            echo $name;
}
?>

我想调用一个新的ajax请求，并在每次用户向下滚动时从表名中获取一个新名称

Answer 1

看看这个优秀的jquery插件！

http://jscroll.com/

jScroll是一个用于无限滚动的jQuery插件，由Philip编写 Klauzinski。无限滚动;又称懒加载，无穷无尽滚动，自动切换，无尽页面等;是加载的能力滚动时，通过当前页面或内容区域内的AJAX进行内容下。每次滚动时都可以自动加载新内容到现有内容的末尾，或者可以触发加载单击现有内容末尾的导航链接。

Answer 2

创建检查加载状态的参数; 绑定到滚动事件得到两个参数

var top = $(this).scrollTop();
var height = $(this).height();

检查滚动高度

if (elHeight - top - height <= 50)

其中elHeight - 所有元素的高度

当你的查询成立时

Answer 3

检查您是否已达到最低点并加载更多（发送ajax呼叫）

var win = $(window),
    doc = $(document);

win.scroll(function(){
    if( win.scrollTop() > doc.height() - win.height() ) {
        $.ajax({
            type: "GET",
            url: "not_data.php",
            data: dataString,
            success: function my_func (name) {
                $('<span>').html(name).appendTo('body')
            }
        });
    }
});

Answer 4

试试这样。

$(window).scroll(function() {
    if( $(window).scrollTop() == $(document).height() - $(window).height()) {
        $.ajax({
        type: "GET",
        url: "not_data.php",
        data: dataString,
        success: function (res) {
           // new name will be available in 'res' you can display in what way you like.
        }
        });
    }
});

滚动时新的ajax请求

4 个答案: