我正在尝试从索引发送的 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>
。
请帮助并建议我做错了什么?