PHP点赞功能AJAX响应返回整页HTML而非数值，如何解决？

当AJAX请求发送到index.php时，PHP代码会从上到下顺序执行，在命中点赞逻辑前，已经输出了多个include文件对应的HTML内容，最终响应才追加了点赞计数，所以你拿到的返回会包含冗余HTML。

方案1：单独拆分点赞接口（最推荐） #

把点赞逻辑从首页中剥离，单独新建一个只处理点赞请求的接口文件，彻底避免返回冗余内容，也方便后续功能迭代维护。
示例代码：

新建like_post.php #

<?php
// 引入数据库连接配置文件，替代之前header里的数据库连接逻辑
include './includes/db_connect.php';
if(isset($_POST['liked'])) {
    // 参数校验，避免SQL注入
    $postid = intval($_POST['postid']);
    $query = "SELECT * FROM posts WHERE post_id=$postid";
    $result = mysqli_query($connection, $query);
    $row = mysqli_fetch_array($result);
    $n = $row['post_upvotes'];
    $query = "UPDATE posts SET post_upvotes=$n+1 WHERE post_id=$postid";
    mysqli_query($connection, $query);
    echo $n + 1;
    exit();
}

修改script.js中的AJAX请求地址 #

$.ajax({
    url: './like_post.php', // 替换为新接口地址
    type: 'post',
    data: {
        'liked': 1,
        'postid': postID
    },
    success: function(response){
        $post.html(response);
    }
});

方案2：清空输出缓冲区 #

如果不想拆分文件，可以在点赞逻辑开头清空之前已经输出的所有内容，再返回计数。
修改index.php中的点赞逻辑块：

<?php 
if(isset($_POST['liked'])) {
    // 清空之前所有输出的HTML内容
    ob_clean();
    $postid = intval($_POST['postid']);
    $query = "SELECT * FROM posts WHERE post_id=$postid";
    $result = mysqli_query($connection, $query);
    $row = mysqli_fetch_array($result);
    $n = $row['post_upvotes'];
    $query = "UPDATE posts SET post_upvotes=$n+1 WHERE post_id=$postid";
    mysqli_query($connection, $query);
    echo $n + 1;
    exit();
}
?>

方案3：前端过滤响应内容（不推荐） #

如果前后端代码都不想大改，可以在success回调里提取响应末尾的数字即可，但是后续页面HTML结构变动可能导致逻辑失效：

success: function(response){
    // 提取响应末尾的数字作为点赞数
    const likeCount = response.trim().match(/\d+$/)[0];
    $post.html(likeCount);
}

你当前的代码存在SQL注入风险，直接把用户传的postid拼接到SQL语句中，建议对传入的postid做强制类型转换为整数，或者使用MySQLi预处理语句执行查询和更新操作，避免数据库被恶意攻击。

内容的提问来源于stack exchange，提问作者user8006446