我已经构建了一个应用程序 [php],它使用 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,并且应用程序在每次滚动时加载 4-5 张图像。此外,内容通过 php 来自 mysql 数据库,并且“two.php”文件包含所有正在获取的数据。该limit
变量仅用于设置对 mysql 查询的限制,即要返回多少行。