php - 使用angularjs在表格中显示由PHP形成的json数据

Question

我从 mysql 数据库中获取数据并将其放入 json 格式。

fetch.php 文件:

echo $json；将以下内容输出到控制台。

[{"id":"1","emp_no":"1111","first_name":"1fname","last_name":"1lname","dept_name":"1dept"},{"id":"2","emp_no":"2222","first_name":"2fname","last_name":"2lname","dept_name":"2dept"},{"id":"3","emp_no":"3333","first_name":"3fname","last_name":"3lname","dept_name":"3dept"},{"id":"4","emp_no":"4444","first_name":"4fname","last_name":"4lname","dept_name":"4dept"},{"id":"5","emp_no":"5555","first_name":"5fname","last_name":"5lname","dept_name":"5dept"},{"id":"6","emp_no":"6666","first_name":"6fname","last_name":"6lname","dept_name":"6dept"},{"id":"7","emp_no":"7777","first_name":"7fname","last_name":"7lname","dept_name":"7dept"},{"id":"8","emp_no":"8888","first_name":"8fname","last_name":"8lname","dept_name":"8dept"},{"id":"9","emp_no":"9999","first_name":"9fname","last_name":"9lname","dept_name":"9dept"}]

我的 Controller 看起来像这样:

.controller('fetchController', function ($scope, $http) {
$http.get("fetch.php")
    .success(function (data) {
        $scope.user = data;
        console.log($scope.user);
    });

$scope.user = data.data;有人建议这样做，但我在 console.log($scope.user); 时得到了一个 undefined;

当$scope.user = data;控制台日志($scope.user)；显示与上面相同的 json 输出。

然后我想把它放到我的 html 表中:

<table>
<tr>
    <th>ID</th>
    <th>Number</th>
    <th>First</th>
    <th>Last</th>
    <th>Depart</th>
</tr>
<tr ng-repeat="x in user track by $index">
    <td>{{x.id}}</td>
    <td>{{x.emp_no}}</td>
    <td>{{x.first_name}}</td>
    <td>{{x.last_name}}</td>
    <td>{{x.dept_name}}</td>
</tr>

但是我的页面没有返回任何数据...当我对一些 json 数据进行硬编码时会返回数据，但从 PHP 查询中读取数据时不会返回数据。任何想法为什么？

.controller('fetchController', function ($scope, $http) {
    $http.get("fetch.php")
        .success(function (data) {
            $scope.user = [{
                "id": "1",
                "emp_no": "1111",
                "first_name": "1fname",
                "last_name": "1lname",
                "dept_name": "1dept"
            }, {
                "id": "2",
                "emp_no": "2222",
                "first_name": "2fname",
                "last_name": "2lname",
                "dept_name": "2dept"
            }];
            console.log($scope.user);
        });

返回:

编辑:我在帖子中添加了更多细节，希望有人能看到问题所在。

Answer 1

问题是你的“connected to db”输出。您必须从 PHP 文件中删除该行，其余行应按预期工作。

echo $json 看起来不错，因为它是有效的 json，但由于您之前在 PHP 脚本中输出过文本，因此 Angular 中的 JSON 解码出现问题。如果您查看从控制台发布的输出，您会看到“已连接到数据库”文本作为您在应用程序中所需的 JSON 的前缀。该文本前缀强制 PHP 的输出无效。