Javascript 使用解析查询加载更多内容

Question

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

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 个事件结果但是 table 行可以说是 100... 我想制作一个按钮来加载接下来的 20 个，如果我再次按下它，它将加载接下来的 20 个等等。

有没有人解决过或处理过？

我什么都没试过，但我想这与 query.skip 和 query.limit

有关

Answer 1

<!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。

Javascript 使用解析查询加载更多内容

Javascript load more with parse query

javascript

parse-platform

parse-javascript-sdk