在angularjs中處理json響應（來自PHP和mysql）

Question

在從PHP吸收Json響應時遇到麻煩。 我正在使用AngularJs顯示收到的Json數據。 我是新手，對初學者嘗試了一個簡單的練習。 請幫助。 提前致謝。

index.html

<!DOCTYPE HTML>

<html ng-app="app">
<head>
   <title>PHP MySQL API Consumed with AngularJS</title>
</head>

<body>
     <div ng-controller="GetUsers">

    <table border="1">
       <thead><tr><th>ID</th><th>Name</th><th>City</th></tr></thead>
       <tbody>
          <tr ng-repeat="user in users"><td>{{user.user_id}}</td><td>  {{user.first_name }}</td><td>{{user.user_city}}</td></tr>
       </tbody>
       </tfoot></tfoot>
    </table>
</div>
 <script>

    var app = angular.module('app', []);

    app.controller('GetUsers', function ($scope,$http){
        $http.get('http://localhost/angmysql/api.php').success(function(data) {
            $scope.users = data;
        });
      }
   });

  </script>

<script src="angular.js"></script>

<body>
</html>

api.php

<?php

    $db_name  = 'dbtuts';
    $hostname = 'localhost';
    $username = 'root';
    $password = '';

    $dbc = mysqli_connect('localhost','root','','dbtuts') or die('Error connecting to database');

    $sql = mysqli_query($dbc,"SELECT * FROM users");

    $emparray = array();

    while($row =mysqli_fetch_assoc($sql))
    {
        $emparray[] = $row;
    }

    echo json_encode($emparray);

    mysqli_close($dbc);
?>

Answer 1

$ http傳遞給回調的參數是一個對象，響應主體存儲在.data字段中。

嘗試這個：

$http.get('http://localhost/angmysql/api.php').success(function(response) {
    $scope.users = response.data;
});

從AngularDocs

The response object has these properties:

data – {string|Object} – The response body transformed with the transform functions.
status – {number} – HTTP status code of the response.
headers – {function([headerName])} – Header getter function.
config – {Object} – The configuration object that was used to generate the request.
statusText – {string} – HTTP status text of the response.

在angularjs中處理json響應（來自PHP和mysql）

問題描述

1 個解決方案

解決方案1
0 2016-01-08 12:59:09

在angularjs中處理json響應（來自PHP和mysql）

問題描述

1 個解決方案

解決方案1 0 2016-01-08 12:59:09

解決方案1
0 2016-01-08 12:59:09