如何使用Ajax Infinite Scroll设置追加新行

时间:2014-05-09 20:02:47

标签: javascript jquery ajax

我对Javascript有点生疏。

我有一个无限滚动设置。当用户到达页面底部时,它会在javascript中触发以下内容:

maintable.innerHTML += 'Hello <br><br><br>';

通过此设置,它将添加一个新的&#34; Hello&#34;每次我滚动到底部3次休息。 因此,如果我继续向下滚动,我会有很多Hellos。

现在,如果我想从&#34; Hello&#34;对于Ajax调用,我尝试了这个:

maintable.innerHTML += getRows();

当getRows();最初运行它自己获得了后端数据库中的前50个记录。 变量然后从1更新为51,以便下次运行时(滚动到底部时),它会将行51拉到100。

我的问题是附加部分:+ =,dosen似乎正在工作,因为它用行51到100替换了我的前50行。我希望它能够改为使用我的#m; m现在看第1到第100行。

有人可以指出我在做错+ +和这里的功能吗? 也许有更好的方法来处理新行而不会丢失以前的行?

谢谢,

编辑:

这里是getRows();功能:

<script>
function getRows(str) {
  if (str=="") {
    document.getElementById("txtHint").innerHTML="";
    return;
  } 
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else { // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","getrows.php?q="+str,true);
  xmlhttp.send();
}
</script>

文件getrows.php是对我的数据库的一个简单查询,它有1000条记录。该文件还回显了每个返回行的表标记和循环中的td元素。

问题仍然在于除了使用= +之外,我对除已经存在的内容有所了解。

0 个答案:

没有答案