关于无限滚动的问题？

Question

通过使用ajax调用，我想在滚动条到达文档末尾时将数据附加到index.jsp。

为此，我使用两个.jsp程序

1）生成ajax调用 index.jsp

2）已审核的数据应附加到index.jsp ，方法是调用 data.jsp

的index.jsp

首先它会呈现12个项目。当我们滚动到结束时，index.jsp调用data.jsp  附加下12个项目。  但是这里的问题我在滚动到达结束时成功获得警报消息，但没有接下来的12个项目。

$.ajax({
          type: "POST",
          url: "data.jsp",
          data:data,
          success: function(data) {
                            alert('hai');  //to check ajax call only                
                            $("#bodycontent").append(data);
                            console.log(res);               
                                 }
   });

data.jsp

此数据应附加到index.jsp。

首先，我将记录检索到结果集“rs”

 while(rs.next())
{  %>
  <div class="pin" >

        <a href=<%out.print(rs.getString(2));%> target="_blank">
<img src="<%out.println(rs.getString(1));%>" onerror="imgError(this);" ></img></a>

        </div>
<%}

这里，

我是否正在暂停正确的流程？

任何人都可以建议我如何将这些数据附加到index.jsp？