Question

所以我按照旧的youtube教程，但我无法完全做到。没有什么东西在我身上加载。基本上，我想要做的是在网页上从数据库发布3或5个数据，然后当用户向下滚动时，它将加载更多数据（我想做一个按钮说明（加载更多）然后调用该函数加载它）。现在，我的网页是空白没有任何东西弹出，甚至错误，没有。徘徊了近一个小时改变事物和双重检查但无济于事。任何帮助都非常感谢:) 这是我的index.php

    <!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags always come first -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">


    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

            //var to auto-increment 
                var flag = 0;

                $.ajax({
                    type: "GET",
                    url: "get_data.php",
                    data:{
                        'offset': 0,
                        'limit': 3
                    },
                    success: function(data){
                        $('body').append(data);
                        flag += 3;
                    }

                });

                $(window).scroll(function(){

                    if($(window).scrollTop() >= $(document).height() - $(window).height()){

                    $.ajax({

                        type: "GET",
                        url: "get_data.php",
                        data:{
                            'offset': flag,
                            'limit': 3
                            },
                        success: function(data){
                        $('body').append(data);
                        flag += 3;
                            }

                    });

                }
        });
    </script>

    <style type="text/css">

        .blog-post{
            border-bottom: solid 4px black;
            margin-bottom: 20px;
        }
        .blog-post h1{
            font-zise: 40px;
        }
        .blog-post p{
            font-size: 30px;
        }
    </style>


 </head>
  <body>

  </body>
</html>

请参阅“get_data.php”的链接：https://pastebin.com/MYz2bjFN jquery.min.js与get_data.php位于同一文件夹中。数据库已存在。

Answer 1

发现了这个问题。我使用了chrome的开发工具并检查了网络选项卡，找出了没有打印错误的主要原因是因为$（window）.scroll（function（）{...没有在。之前关闭标签。

非常感谢Magnus Eriksson。

jQuery函数动态加载更多数据

1 个答案: