动态内容加载(无限滚动)

时间:2015-05-31 03:50:45

标签: javascript php html ajax web

所以,我正在建立一个网站上有一些照片(与Weheartit类似的网格),主要的想法是我每天都会更新这些照片(我会每天都会新增照片)。起初我想做一个分页但后来我意识到动态加载内容是一个更好的主意。所以,我想以类似于Weheartit的方式加载内容(当用户到达页面底部时,新内容被加载,等等到无穷大)...我通常是网页设计的新手,但我有很好的知识HTML和CSS以及一些基于Javascript的中级知识。所以,我想知道你们中的一些人是否可以帮助我走上实现我的想法的正确道路。我需要学习什么来实现这一目标?没有PHP是可行的,我需要AJAX等等......谢谢你们。

1 个答案:

答案 0 :(得分:1)

根据你提出问题的方式,它似乎有点模糊,我不太确定你要求的是什么,但我会尽我所能回答你的问题。

首先,我不明白你为什么要用Javascript动态加载你的内容。 Javascript是一种客户端语言,当您的服务器收到加载网页的请求时,所有HTML / CSS都会发送到客户端。您的Javascript只会隐藏部分HTML,但隐藏的数据仍然存在于客户端。例如,你可以这样:

function loadpage(){
document.getElementById("myDiv").style.display= "block";
}

然后在页面末尾添加一个执行此功能的按钮。但是最初只需加载它就好了。

PHP是服务器端语言,此代码在服务器上执行。当你请求一个页面时,并不是所有的html都被发送到你的计算机......当你在页面上触发一个Action时,服务器就会启动它,并且很可能从服务器上的数据库中获取新的HTML。

AJAX(异步Javascript和XML)是一种使用Javascript与服务器通信的方式,它允许网页在不刷新页面的情况下从数据库呈现信息。

We Heart It网站从数据库动态生成数据。当你到达页面底部时,一个AJAX请求会激活与服务器的通信,加载更多图片供你查看。

如果你真的想要一个动态系统,图片只是一直在加载,你需要学习PHP / AJAX / mySQL(数据库)