Angularjs を使用して PHP からバックグラウンド データを読み取る

angular を通じてローカルデータを読み取る方法はたくさんありました。前の例では、ほとんどの場合、データはモジュールの $scope 変数に保存されるか、初期化されたデータが ng-init を使用して直接定義されます。ただし、これらの方法は他の機能の効果を実証するためだけです。今回は、Angular と PHP を組み合わせてバックグラウンドからデータを読み取る方法を学びましょう。

まず、PHP を使用して一連のバックグラウンド データを定義しました。コードは次のとおりです (test.php):

<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");
$conn = new mysqli("myServer", "myUser", "myPassword", "Northwind");
$result = $conn->query("SELECT CompanyName, City, Country FROM Customers");
$outp = "";
while($rs = $result->fetch_array(MYSQLI_ASSOC)) {
    if ($outp != "") {$outp .= ",";}
    $outp .= '{"Name":"'  . $rs["CompanyName"] . '",';
    $outp .= '"City":"'   . $rs["City"]        . '",';
    $outp .= '"Country":"'. $rs["Country"]     . '"}'; 
}
$outp ='{"records":['.$outp.']}';
$conn->close();
echo($outp);
?>

このコードの意味は比較的単純で、データベースに接続した後、SQL ステートメントを使用してデータを選択します。データベースからの対応するデータ ($ conn->query("SELECT CompanyName, City, Country FROM Customers"))。その後、ループ構造を使用して、取得したデータをキーと値のペアの形式で $outp 変数に保存します。
次に、js での操作は次のとおりです:

<div ng-app="myApp" ng-c 
<table>
  <tr ng-repeat="x in names">
    <td>{{ x.Name }}</td>
    <td>{{ x.Country }}</td>
  </tr>
</table>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
    $http.get("test.php")
    .success(function (response) {$scope.names = response.records;});
});
</script>

ここでも $http サービスを適用してデータを読み取り、データ ファイルに対応する URL パスを渡し、成功後にデータを返し、$ にバインドします。スコープ.names 変数。

上記では、内容の側面も含めて、Angularjs を使用して PHP からバックグラウンド データを読み取る方法を紹介しました。PHP チュートリアルに興味のある友人に役立つことを願っています。