AngularJS SQL - 蝴蝶教程

从 MySQL 的PHP服务器中获取数据

AngularJS 非常适合显示数据库中的数据。只要确保数据为 JSON 格式即可。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>蝴蝶教程(jc2182.com)</title>
<script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</head>
<body>
    <div ng-app="myApp" ng-controller="customersCtrl">
    <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("customers_mysql.php")
        .then(function (response) {$scope.names = response.data.records;});
    });
    </script>
</body>
</html>

尝试一下

服务器代码示例

以下部分列出了用于获取SQL数据的服务器代码。

使用PHP和MySQL。返回JSON。
使用PHP和MS Access。返回JSON。

跨站 HTTP 请求

来自不同服务器（请求页面除外）的数据请求称为跨站点HTTP请求。

跨站点请求在网络上很常见。许多页面从不同的服务器加载CSS，图像和脚本。

在现代浏览器中，出于安全原因，来自脚本的跨站点HTTP请求仅限于同一站点。

在我们的PHP示例中，以下行已添加，以允许跨站点访问。

header("Access-Control-Allow-Origin: *");

服务器代码 PHP 和 MySQL

<?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);
?>

服务器代码 PHP 和 MS Access

<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=ISO-8859-1");

$conn = new COM("ADODB.Connection");
$conn->open("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=Northwind.mdb");

$rs = $conn->execute("SELECT CompanyName, City, Country FROM Customers");

$outp = "";
while (!$rs->EOF) {
  if ($outp != "") {$outp .= ",";}
  $outp .= '{"Name":"'  . $rs["CompanyName"] . '",';
  $outp .= '"City":"'   . $rs["City"]        . '",';
  $outp .= '"Country":"'. $rs["Country"]     . '"}';
  $rs->MoveNext();
}
$outp ='{"records":['.$outp.']}';

$conn->close();

echo ($outp);
?>

有关更多的PHP MySQL教程，请阅读我们的PHP教程>>>>>>