请问怎样用js,php等网页技术实现页面自动加载。
展开全部
监听window.onscroll事件,当滚动条位置变化的时候,检查是否已经到达底部,如果是,则使用AJAX加载下一页的内容,并添加到列表后面。
代码大概是这样:
// 监听滚动条变化的事件
window.onscroll = function() {
var body = document.body;
// 检查滚动条是否已达到底部
if(body.scrollTop + body.clientHeight == body.scrollHeight) {
// 如果达到底部,则使用AJAX请求下一页数据
$.ajax({
url: '',
success: function() {
// 请求完成,将数据添加到列表底部
}
});
}
}
代码大概是这样:
// 监听滚动条变化的事件
window.onscroll = function() {
var body = document.body;
// 检查滚动条是否已达到底部
if(body.scrollTop + body.clientHeight == body.scrollHeight) {
// 如果达到底部,则使用AJAX请求下一页数据
$.ajax({
url: '',
success: function() {
// 请求完成,将数据添加到列表底部
}
});
}
}
追问
可以不用ajax请求数据么,我的意思是,我的数据在Mysql数据库里,我想用php请求数据,这样也能实现的吧?另外,如果完全不用js,而改用flex3和as,能实现我要的功能么?谢谢了。
追答
可以,你可以再URL后面带一个参数,表示显示的页码,然后每次读取对应的数据。这样做明显体验非常差。
另外AJAX跟PHP没什么关心,一个是前端技术,一个是后台技术,所以你读取数据肯定还是用PHP,AJAX只是说客户端浏览器读取数据的方式可以不刷新。
另外flex肯定是可以实现这个效果的,没有问题。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询