PHP+jQuery实现MySQL加载更多：如何避免重复代码？

我找到了一种从MySQL加载更多数据的方法，但正在寻求更优实现方案。当前的核心问题是：在index.php和ld_comco.php中重复编写了PHP-MySQL查询代码，想知道能不能只写一次这部分逻辑。

现有代码 #

index.php #

<script> 
$(document).ready(function(){ 
    var comco = 2; 
    $("button").click(function(){ 
        comco = comco + 2; 
        $("#comnts").load("ld_comco.php",{ comnco:comco }); 
    }); 
}); 
</script> 
<div id="comnts"> 
<?php 
$qq="SELECT * FROM t_users limit 2"; 
$qr=mysqli_query($conn,$qq);
while($fff=mysqli_fetch_assoc($qr)){ 
    echo $fff['id']; 
    echo $fff['email']; 
} 
?> 
</div> 
<button>load more</button>

ld_comco.php #

$comnco=$_POST['comnco']; 
$qq="SELECT * FROM t_users limit $comnco"; 
$qr=mysqli_query($conn,$qq);
while($fff=mysqli_fetch_assoc($qr)){ 
    echo $fff['id']; 
    echo $fff['email']; 
}

当然可以！重复代码不仅维护麻烦，还容易出现逻辑不一致的问题，我们可以把查询和渲染用户数据的核心逻辑抽离成单独的共用PHP文件，然后在需要的地方引入即可。同时我还会帮你修复原代码中的SQL注入风险，这是必须的安全优化：

步骤1：创建共用逻辑文件 #

新建一个get_users.php文件，把重复的查询、数据渲染逻辑集中在这里，同时支持接收limit参数（默认设为2，对应初始加载的数量）：

<?php
// get_users.php
// 接收limit参数，默认加载2条数据，强制转为整数防止非法输入
$limit = isset($_REQUEST['limit']) ? (int)$_REQUEST['limit'] : 2;

// 使用预处理语句防止SQL注入，这是关键的安全优化！
$qq = "SELECT * FROM t_users LIMIT ?";
$stmt = mysqli_prepare($conn, $qq);
mysqli_stmt_bind_param($stmt, "i", $limit);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);

// 渲染用户数据
while($fff = mysqli_fetch_assoc($result)){
    echo $fff['id'] . " - " . $fff['email'] . "<br>";
}
?>

步骤2：修改index.php引入共用文件 #

把原来index.php里的PHP查询代码替换成引入get_users.php，同时调整jQuery请求的目标文件：

<script> 
$(document).ready(function(){ 
    var comco = 2; 
    $("button").click(function(){ 
        comco = comco + 2; 
        $("#comnts").load("get_users.php",{ limit:comco }); 
    }); 
}); 
</script> 
<div id="comnts"> 
<?php
// 引入共用文件，默认加载2条数据
include 'get_users.php';
?> 
</div> 
<button>load more</button>

步骤3：清理冗余文件 #

现在ld_comco.php已经完全被get_users.php替代，你可以直接删除这个冗余文件。

额外优化建议 #

• 更合理的分页逻辑：当前实现是每次加载前N条，会重复加载已显示的数据。建议改成LIMIT offset, limit的模式，比如初始加载LIMIT 0,2，点击加载更多时请求LIMIT 2,2，再点击是LIMIT 4,2，避免重复渲染。
• 加载状态提示：点击按钮后可以显示「加载中...」的文本，禁用按钮防止重复点击。
• 无数据时隐藏按钮：当查询返回的结果数量小于请求的limit时，说明没有更多数据，自动隐藏加载按钮。

内容的提问来源于stack exchange，提问作者1.11111E+16