Javascript 使用解析查询加载更多

>我正在处理一个问题。我在 Javascript SDK 中有一个简单的查询 Parse.com 它在页面加载时运行。

function start() {
    Parse.initialize("ID", "JSKEY");
    var query = new Parse.Query("events");
    query.ascending("eventDate");
    query.limit(20);
    //query.skip(0); maybe?
    query.find({
        success: function(results) {
            for (var i = 0; i < results.length; i++) {
                var controlEv = results[i];
                var nameHTML = document.createTextNode(controlEv.get('name'));
                document.getElementById('theName').appendChild(nameHTML);
            }

        },
        error: function(error) {
            alert("Error: " + error.code + " " + error.message);
        }
    });
}
<body id="top" onload="start();">
  <p id="theName"></p>

所以现在通过这个查询，我从 parse.com 中得到了 20 个事件结果但是表格行是假设 100...我想制作一个按钮来加载下一个 20，如果我再次按下它，它将加载下一个 20 个等。

有没有人对此有任何解决方案或处理它？

我没有尝试过任何东西，但我想这与query.skip和query.limit

有关

<!DOCTYPE html>
<html lang="en">
    <head>
    <script type="text/javascript" src="http://www.parsecdn.com/js/parse-latest.js"></script>   
    <script>
    var x = 20;
    var y = 0;
function start() {
    Parse.initialize("ID", "KEY");
    var query = new Parse.Query("events");
    query.ascending("eventDate");
    query.limit(x);
    query.skip(y); 
    query.find({
        success: function(results) {
            for (var i = 0; i < results.length; i++) {
                var controlEv = results[i];
                var nameHTML = document.createTextNode(controlEv.get('name'));
                document.getElementById('theName').appendChild(nameHTML);

            }
            x = x + 20;
            y = y + 20;
console.log(results.length);
        },
        error: function(error) {
            alert("Error: " + error.code + " " + error.message);
        }
    });
}
</script>
    </head>
  <body id="top" onload="start();">
    <p id="theName"></p>
    <button type="button" onclick="start()">Click Me!</button>
   </body> 
</html>

我认为这是迄今为止最好的方法，您也不必担心解析的限制 10000。

相关内容

最新更新

热门标签：