SQL AngularJS

AngularJS est très approprié pour afficher les données de la base de données. Il suffit de s'assurer que les données sont au format JSON.

Obtenir des données à partir du serveur PHP où s'exécute MySQL

Exemples AngularJS

<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>

Essayez-le vous-même

Obtenir des données à partir du serveur ASP.NET où s'exécute SQL

Exemples AngularJS

<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_sql.aspx")
  .then(function (response) {$scope.names = response.data.records;});
});
</script>

Essayez-le vous-même

Exemple de code serveur

La partie suivante liste le code serveur utilisé pour obtenir des données SQL.

• Utilisez PHP et MySQL. Retournez JSON.
• Utilisez PHP et MS Access. Retournez JSON.
• Utilisez ASP.NET, VB et MS Access. Retournez JSON.
• Utilisez ASP.NET, Razor et SQL Lite. Retournez JSON.

requêtes HTTP intersites

Les demandes de données provenant de serveurs différents (à l'exception du serveur de la page demandée) sont appeléesintersites requêtes HTTP.

Les requêtes intersites sont très courantes sur le réseau. De nombreuses pages chargent des CSS, des images et des scripts depuis des serveurs différents.

Pour des raisons de sécurité, les navigateurs modernesles requêtes envoyées parLes requêtes HTTP intersites sont limitées àSite Web。

Dans notre exemple PHP, les lignes suivantes ont été ajoutées pour permettre l'accès intersite.

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

1. Code serveur PHP et 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);
?>

2. Code serveur PHP et 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);
?>

3. Code serveur ASP.NET, VB et MS Access

<%@ Import Namespace="System.IO"%>
<%@ Import Namespace="System.Data"%>
<%@ Import Namespace="System.Data.OleDb"%>
<%
Response.AppendHeader("Access-Control-Allow-Origin", "*")
Response.AppendHeader("Content-type", "application/json")
Dim conn As OleDbConnection
Dim objAdapter As OleDbDataAdapter
Dim objTable As DataTable
Dim objRow As DataRow
Dim objDataSet As New DataSet()
Dim outp
Dim c
conn = New OledbConnection("Provider=Microsoft.Jet.OLEDB.4.0;data source=Northwind.mdb")
objAdapter = New OledbDataAdapter("SELECT CompanyName, City, Country FROM Customers", conn)
objAdapter.Fill(objDataSet, "myTable")
objTable = objDataSet.Tables("myTable")
outp = ""
c = chr(34)
for each x in objTable.Rows
if outp <> "" then outp = outp & ","
outp = outp & "{" & c & "Name" & c & ":" & c & x("CompanyName") & c & ","
outp = outp & c & "City" & c & ":" & c & x("City") & c & ","
outp = outp & c & "Country" & c & ":" & c & x("Country") & c & "}"
next
outp = "{" & c & "records" & c & ":[" & outp & "]}"
response.write(outp)
conn.close
%>

4. Code du serveur ASP.NET, Razor C# et SQL Lite

@{
Response.AppendHeader("Access-Control-Allow-Origin", "*")
Response.AppendHeader("Content-type", "application/json")
var db = Database.Open("Northwind");
var query = db.Query("SELECT CompanyName, City, Country FROM Customers");
var outp = ""
var c = chr(34)
}
@foreach(var row in query){
if (outp != "") {outp = outp + ","}
outp = outp + "{" + c + "Name"    + c + ":" + c + @row.CompanyName + c + ","
outp = outp +       c + "City"    + c + ":" + c + @row.City        + c + ","
outp = outp +       c + "Country" + c + ":" + c + @row.Country     + c + "}"
}
outp = "{" + c + "records" + c + ":[" + outp + "]}"
@outp