使用ajax向下滚动自动加载内容

时间:2013-10-06 13:43:55

标签: php jquery ajax

我已经构建了一个应用程序[php]来加载像text和amp;这样的内容。使用ajax自动向下滚动图像。代码在localhost上工作正常,但是当我把它放在我的服务器上时,它会慢慢地加载到有时页面完全没有加载,甚至一次加载所有内容。有没有其他选择,所以我可以克服这个问题?

这是我的代码段,用于加载其他页面的内容

$(document).ready(function(){
var inc=5;
$(window).scroll(function() {
    if ($('body').height()-190 <= ($(window).height() + $(window).scrollTop())) {
    inc=inc+3;
        var dataString = inc;
        $.ajax({
            type: "POST",
            url: "two.php",
            data: {'limit': dataString},
            success: function(data) {
                $('#a').html(data);
            }
        });
    }
});
});

假设图像尺寸为100kb&amp;该应用程序在每个滚动上加载4-5个图像。内容来自mysql数据库通过php&amp; “two.php”文件也包含所有正在获取的数据。 limit变量仅用于设置mysql查询的限制,即要返回多少行。

0 个答案:

没有答案