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个事件结果但表格行可以说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加载解析查询更多

1 个答案: