当用户到达底部时,Javascript滚动将动态内容加载到页面中

时间:2016-12-07 18:29:12

标签: javascript ajax dynamic

我一遍又一遍地试图解决这个问题,但我觉得我错过了一些东西。

基本上我正在尝试这样做,以便当用户到达页面底部时,我的网站将加载其他内容。

网站:http://www.dark-quill.com/

我已经将此作为我尝试做的模板,但我不知道它有什么意义。

CREATE OR REPLACE PROCEDURE ZRBIDInput (StudentID  IN VARCHAR2 )
IS
numberOfStudents   NUMBER;
var_lastname varchar2(10);
BEGIN
DBMS_OUTPUT.ENABLE;

SELECT Lastname INTO var_lastname    
FROM ZRB_STUDENT
WHERE ID = StudentID;

SELECT COUNT (*)
INTO numberOfStudents
FROM ZRB_STUDENT
WHERE Lastname =  var_lastname;

dbms_output.put_line('Num Of Students - '||numberOfStudents);

END ZRBIDInput;
/

BEGIN
ZRBIDInput('1');
ZRBIDInput('6');
ZRBIDInput('7');
END;
/

在我理解html和css之前,我从未使用过JavaScript / Ajax / Jquery。所以,如果有人能够非常清楚地向我解释我应该做些什么来实现这个目标,我真的很喜欢它。

例如:我不明白"包装" div目的是。我也不明白"用于获取更多动态数据的Ajax调用是什么意思?#34;。

再次,正如你在我的网站上看到的那样,这些故事是一个接一个地列出的,大约5个故事之后,我想要它,这样一旦用户到达底部,网站将加载另外5个故事。页面,并继续这样做,直到没有更多的故事。对我来说,这似乎是一件非常简单的事情。

提前致谢。

1 个答案:

答案 0 :(得分:0)

您需要在某个地方执行服务器操作,以便为您返回接下来的5个项目的HTML。您对该URL的Ajax调用将检索该信息,然后它将附加到您的元素。

 $.ajax({
     url : 'url',
     type : 'GET',
     data : {
    'parameter' : 10
     },
     dataType:'json',
     success : function(data) {              
         alert('Data: '+data);
     }
 });