Question

<!DOCTYPE HTML>
<html>
<head>

<title>Scroll Pagination</title>

<link rel="stylesheet" type="text/css" href="style.css" />
<script src="jquery.js"> </script>
<script type="text/javascript"> 
    $(document).ready(function(){
        $.ajax({

            type: "GET",
            url: "ajax.php",
            data:{
                'offset':0,
                'limit':5
            },
            succes:function(data)
            {
                $('body').append(data);
            }
        });
    });



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

            $.ajax({
                type: "GET",
                url: "ajax.php",
                data: {
                    'offset':0,
                    'limit':3

                },
                succes:function(data)
                {
                    $('body').append(data);
                }
            });
        }

    });


</script>


<style type="text/css">
.blog-post{border-bottom: solid 4px black; }
.blog-post h1{font-size:40px;}
.blog-post p{font-size:30px;}
</style>


</head>
<body>



</body>
</html>

这是html和ajax代码。这是PHP代码

<?php
$con = mysqli_connect('localhost', 'root', '', 'table') or die();
print_r($_GET['limit']);

    if(isset($_GET['offset']) && isset($_GET['limit'])){
        $limit=$_GET['limit'];
        $offset=$_GET['offset'];
        $result = mysqli_query($con, "SET NAMES utf8");
        $data = mysqli_query($con, "SELECT * FROM portf LIMIT {$limit} OFFSET {$offset}");


        while ($portf = mysqli_fetch_array($data)){
                echo '<div class="blog-post"><h1>'.$portf['title'].'</h1><p>'.$portf['category'].'</p></div>';
            ?> 
<?php }}else{echo "fail";} ?>

我不知道为什么在索引中我什么都看不到我能解决这个问题？我在youtube上看到了这个例子并且正在工作但是..当我试图做同样的事情时，没有出现。

编辑： Statuts in network

Answer 1

在ajax调用时代码中存在语法错误，因为它没有成功输入。

更改

 succes:function(data)

要

 success:function(data)

应该是“成功”。

Ajax没有向我展示PHP中的选定数据

1 个答案: