在滚动

时间:2016-04-20 04:07:23

标签: javascript jquery ajax jsp

我正在尝试从索引发送的 count 变量的基础上,从 dynamicContent.jsp 加载滚动到页面底部的数据。 JSP 即可。现在的问题是下面的脚本正在成功执行,但 newitems 变量并不包含来自dynamicContent.jsp的新数据;而是在滚动时再次附加相同的index.jsp页面内容。

页面结构有点像这样:

<div id="divContent">
        <div class="container">
             ...........
        </div>
        <div id="courses">
             ...........
        </div>
        ......... 3-4 more div .......

</div>

我使用的脚本是:

<script type="text/javascript">
var count=1, isPreviousEventComplete = true, isDataAvailable = true;

$(window).scroll(function () {
 if ($(document).height() - 50 <= $(window).scrollTop() + $(window).height()) {
  if (isPreviousEventComplete && isDataAvailable) {

   /* $(".LoaderImage").css("display", "block"); */

  //fetch new items
    if (isPreviousEventComplete && isDataAvailable) {
        isPreviousEventComplete = false;

        /* $('#status').text('Loading more items...'); */
        $.get('dynamicContent.jsp?count='+count, '', function(newitems){
            count = count + 1;
            $('#divContent').append(newitems);
            isPreviousEventComplete = true;

            if (newitems == '   ') //When data is not available
                isDataAvailable = false;

            /* updatestatus(); */
        });
    }   

  }
 }
});
</script>

我尝试在浏览器上调试它,并且知道 newitems 包含相同的页面数据。即 index.jsp ,而不是应根据计数从 dynamicContent.jsp 加载的<div>

请帮助并建议我做错了什么?

0 个答案:

没有答案