jquery - 如何做 php jquery load

问题描述

我正在编写 php jquery 加载更多按钮，当我单击 load_more 按钮成功时，当我单击第二次时，我的按钮没有工作，请帮助我

我尝试单击 load_more 按钮，然后将数据加载到数据库中，但此代码第一次正确运行，第二次 load_more 按钮无法正常工作，我将enter code here在这篇文章中加载我的代码 2 图像，请参阅我的代码和帮我

索引页

<body>
    <div id="as">
    <?php
        $query = "SELECT * FROM product limit 2";
        $result = mysqli_query($con , $query);
        $last_id;
        while($row = mysqli_fetch_assoc($result))
        {
        ?>
            <h3 ><?php echo $row['product_name']?></h3>

        <?php
            $last_id = $row['id'];
        }
    ?>
        <input type="button" id="btn" data-id="<?php echo $last_id ?>" value="Load More ..." />
    </div>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#btn').click(function(){
                var a = $(this).data('id');
                    $.ajax({
                        url : 'load.php',
                        data : {last_id:a},
                        success:function(data) {
                            $('#btn').remove();
                            $('#as').append(data);
                        }
                    });
            });
        });
    </script>
</body>

load_more.php

<?php
include "db.php";
$query = "SELECT * FROM product WHERE id > {$_GET['last_id']} ORDER BY id asc limit 2";
$result = mysqli_query($con , $query);
if($result) {
    $last_id;
    while ($row = mysqli_fetch_assoc($result)) {
        echo "<h3>{$row['product_name']}</h3>";
        $last_id = $row['id'];
    }
    ?>

    <button type="button" id="btn" data-id="<?php echo $last_id ?>">Load More ...</button>

    <?php
}

i expect output is when i click the load_more button load 2 data in my page

标签： jqueryajax

jquery - 如何做 php jquery load_more 数据

问题描述

解决方案

推荐阅读