SQL AngularJS

AngularJS è molto adatto per visualizzare i dati nel database. Assicurati solo che i dati siano in formato JSON.

Ottieni i dati dal server PHP che esegue MySQL

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

Prova a farlo tu stesso

Ottieni i dati dal server ASP.NET che esegue SQL

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

Prova a farlo tu stesso

Esempio di codice del server

La parte seguente elenca il codice del server utilizzato per ottenere dati SQL.

• Usare PHP e MySQL. Restituisci JSON.
• Usare PHP e MS Access. Restituisci JSON.
• Usare ASP.NET, VB e MS Access. Restituisci JSON.
• Usare ASP.NET, Razor e SQL Lite. Restituisci JSON.

richieste HTTP incrociate

Chiedere dati da server diversi (altri server oltre a quelli della pagina richiesta) si chiamaIncrociato richieste HTTP.

Le richieste incrociate sono comuni sulla rete. Molte pagine caricano CSS, immagini e script da server diversi.

Per motivi di sicurezza, nelle moderne browseremessi dallo scriptLe richieste HTTP incrociate sono limitate aSito web uguale.

Nel nostro esempio PHP, sono state aggiunte le seguenti righe per consentire l'accesso incrociato.

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

1. Codice del server PHP e 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. Codice del server PHP e 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. Codice del server ASP.NET, VB e 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. Codice del server ASP.NET, Razor C# e 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