求助：Angular通过PHP PDO获取数据失败，mysqli方式可正常运行

我明白你的困扰——用mysqli过程化写法能正常给Angular返回数据，换成PDO就卡壳了。这种情况大多是PDO的一些细节没处理好，毕竟它和mysqli的使用逻辑差异不小。结合你给出的代码片段，我整理了几个关键排查点和解决方案：

先补全你缺失的关键代码 #

首先，你给出的Angular代码和前端HTML有小问题，先帮你修正并补全：

前端HTML（修正结构问题） #

原来的<tr>直接放在<div>里不符合HTML规范，要包裹在<table>中：

<div ng-app="myapp" ng-controller="fieldcontroller" ng-init="displayData()">
    <table>
        <tr ng-repeat="field in fields">
            <td>{{ field.fieldlabel }}</td>
        </tr>
    </table>
</div>

Angular控制器代码（补全$http请求逻辑） #

你的JS代码没写完，这里补全完整的请求逻辑，确保能正确调用PDO后端接口：

var app = angular.module("myapp", []);
app.controller("fieldcontroller", function($scope, $http) {
    $scope.displayData = function() {
        // 调用PDO后端接口，这里假设你的后端接口是api.php
        $http.get('api.php')
            .then(function(response) {
                $scope.fields = response.data;
                // 控制台打印返回数据，方便排查结构问题
                console.log('获取到的数据:', response.data);
            }, function(error) {
                // 打印错误信息，快速定位问题
                console.error('请求失败:', error);
            });
    };
});

PDO后端的常见坑（重点排查） #

这部分是你没给出但最容易出问题的地方，对比mysqli的差异，列出必须注意的点：

1. 确保PDO连接正确且启用错误提示 #

PDO默认不会抛出错误，这会导致你看不到问题所在，而mysqli过程化可能你加了mysqli_error所以能发现问题。下面是正确的PDO连接示例：

<?php
// 设置返回JSON格式，必须加，否则Angular无法解析
header("Content-Type: application/json; charset=utf-8");
// 开发环境允许跨域，生产环境请限制为你的前端域名
header("Access-Control-Allow-Origin: *");

try {
    // 连接数据库，注意charset必须指定（utf8mb4支持 emoji）
    $pdo = new PDO(
        'mysql:host=localhost;dbname=你的数据库名;charset=utf8mb4',
        '你的用户名',
        '你的密码'
    );
    // 开启错误异常模式，出错直接抛出异常
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    // 执行查询，和mysqli的写法不同，这里用query或者prepare
    $stmt = $pdo->query("SELECT fieldlabel FROM 你的表名");
    // 获取关联数组格式的结果，和mysqli_fetch_assoc对应
    $fields = $stmt->fetchAll(PDO::FETCH_ASSOC);

    // 返回JSON数据
    echo json_encode($fields);
} catch(PDOException $e) {
    // 开发环境返回错误信息，生产环境请注释或替换为友好提示
    echo json_encode(['error' => $e->getMessage()]);
}
?>

2. 排查PDO扩展是否启用 #

很多服务器默认没开PDO扩展，你可以新建一个phpinfo.php文件，内容为<?php phpinfo(); ?>，访问后搜索PDO，看是否有PDO Driver for MySQL的条目，如果没有，需要修改php.ini开启extension=pdo_mysql（不同系统路径可能不同）。

3. 直接访问后端接口看返回结果 #

打开浏览器直接访问你的PDO后端接口（比如http://localhost/api.php），如果返回的是格式正确的JSON数组（比如[{"fieldlabel":"xxx"},{"fieldlabel":"yyy"}]），说明后端没问题；如果返回错误信息（比如表不存在、权限不足），直接根据提示修复即可。

4. 检查编码一致性 #

PDO连接时必须指定charset=utf8mb4，确保和数据库、表的编码一致，否则可能返回乱码，导致Angular无法解析数据。而mysqli可能默认继承了数据库编码，所以没出问题。

最后一步：用浏览器控制台排查 #

打开浏览器F12，切换到Network标签，刷新页面后找到api.php的请求：

• 看Status是否是200，如果是404说明接口路径错了；如果是500说明后端代码报错。
• 看Response标签里的内容，是否是合法的JSON格式，如果有HTML错误信息（比如PHP的报错页面），说明后端代码有问题。

按照这些步骤排查，应该能快速定位到问题所在。

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