javascript - 滚动上的新 ajax 请求

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.
        }
        });
    }
});