如何使用 JavaScript 在 Firebase 中实现分页？

我正在使用 JavaScript 进行 Firebase 分页。我已经实施了一个软删除记录所在的特征未在 Firebase 中删除但在网页显示中被删除。

因此，当进行软删除时，visibleFirebase 中的标志变为 false。我想在我的网络表单上显示其联系人visible标志是true使用 JavaScript（与NEXT and PREV纽扣 ）。

由于我是新手，我很乐意获得建议和帮助！

Firebase 的快照如下：

我的代码最初获取前三个记录如下：

function getData() {

  var total="";
  var firstRef = firebase.database().ref("Persons/").orderByChild("visible").endAt("true").limitToFirst(3);

    firstRef.on("value", function (data) {
    console.log(data.val());
    a = data.val();
    var keys = Object.keys(a);
    key1 = keys[0];
    key2 = keys[1];
    console.log("Key 1" + keys[0]);
    for (var i = 0; i < keys.length; i++) 
    {

      var k = keys[i];
      var fname = a[k].fname;
      var lname = a[k].lname;
      var mno = a[k].mno;
      var email = a[k].email;
      var image = a[k].image;
      var visible = a[k].visible;

      if (visible == true) {


        total += "<div><br/></div<div><b>KEY ID:  </b><h1>" + k + "</h1></div><div><br/></div><div><img src=" + image + " alt=NoProfilePic class=imgsrc></div><div><b>FIRST NAME : </b>" + fname + "</div><div><b>LAST NAME : </b>" + lname + "</div><div><b>MOBILE NO : </b>" + mno + "</div><div><b>EMAIL : </b>" + email + "</div><div><br/><b><hr><hr></b></div>";

        document.getElementById('total').innerHTML = total;

      }
   } 
  },
   function (error) {
      console.log("Error: " + error.code);
    });
  }

为了得到接下来三条记录（当NEXT按钮被按下），我编写了如下代码：

function next() {
    var total="";
    var lastRef = firebase.database().ref("Persons").orderByKey().startAt(key2 + "a").limitToFirst(3);

   lastRef.on("value", function (data) {

     c = data.val();
     var keys = Object.keys(c);
     for (var i = 0; i < keys.length; i++) {
        var k = keys[i];
        var visible = c[k].visible;

   if(visible==true)
   {
      var fname = c[k].fname;
      var lname = c[k].lname;
      var mno = c[k].mno;
      var email = c[k].email;
      var image = c[k].image;

     total += "<div><br/></div<div><b>KEY ID:  </b><h1>" + k + "</h1></div><div><br/></div><div><img src=" + image + " alt=NoProfilePic class=imgsrc></div><div><b>FIRST NAME : </b>" + fname + "</div><div><b>LAST NAME : </b>" + lname + "</div><div><b>MOBILE NO : </b>" + mno + "</div><div><b>EMAIL : </b>" + email + "</div><div><br/><b><hr><hr></b></div>";

        document.getElementById('total').innerHTML = total;

      }
      }
      key3=key1;
      key4=key2;
      key2=keys[2];
      key1=keys[0];

    }, 

    function (error) {
      console.log("Error: " + error.code);
    });

}

我是 Firebase 的新手，所以如果我错了，请纠正我，如果有人可以帮助我PREV， 这会很棒！！

Thanks!!