Latest web development tutorials

AngularJS SQL

Der Code im vorherigen Abschnitt kann auch zum Lesen von Daten aus der Datenbank verwendet werden.


Verwenden Sie PHP zu bekommen Daten von MySQL,

AngularJS Beispiele

< 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("http://www.w3big.com/try/angularjs/data/Customers_MySQL.php")
    .success(function (response) {$scope.names = response.records;});
});
< /script >

Versuchen »

ASP.NET ausführen SQL-Zugriff auf Daten

AngularJS Beispiele

< 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("http://www.w3big.com/try/angularjs/data/Customers_SQL.aspx")
    .success(function (response) {$scope.names = response.records;});
});
< /script >

Versuchen »

Server-Side-Code

Nachfolgend sind verschiedene Arten von serverseitigen Code angegeben:

  1. PHP und MySQL. Rückkehr JSON.
  2. PHP und MS Access. Rückkehr JSON.
  3. Verwenden Sie ASP.NET, VB und MS Access. Rückkehr JSON.
  4. Verwenden Sie ASP.NET, Rasierer, und SQL-Lite. Rückkehr JSON.

Cross-Domain-HTTP-Anforderung

Wenn Sie Daten von verschiedenen Servern (verschiedene Domänen) abrufen müssen, müssen Sie Cross-Domain-HTTP-Anforderungen zu verwenden.

Cross-Domain-Anfragen auf der Seite ist sehr verbreitet. Viele Seiten laden CSS, Bilder, Js-Skripte von verschiedenen Servern.

In modernen Browsern, um die Daten zu sichern, werden alle Anforderungen unter der gleichen Domain-Namen streng begrenzt, wenn Sie Daten aus verschiedenen Websites aufrufen müssen, können Sie durch domänenübergreifende Lösungen gefunden werden müssen.

Der folgende PHP-Code Cross-Domain-Zugriff über eine Website zu betreiben.

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

PHP Ajax Cross-Domain-Problem die beste Lösung: Mehr Cross-Domain-Access-Lösungen können in gefunden werden.


1. PHP und MySQL-Code Beispiele

<? Php
header ( "Access-Control-Allow-Origin: *");
header ( "Content-Type: application / json; charset = UTF-8");

$ Conn = new mysqli ( "myServer", "myUser", "myPassword", "Nordwind");

Ergebnis $ = $ conn-> query ( "SELECT Company, Stadt, Land von Kunden");

$ Ausg = "";
while ($ rs = $ result-> fetch_array (MYSQLI_ASSOC)) {
if ($ Ausg = "!") { "$ Ausg =.";}
. $ Ausg = '{ "Name": "' $ rs. [" Company "] ',,."'
$ Ausg = ' "Stadt": "' $ rs. [" City "]";.. " '
$ Ausg = ' "Land": "' $ rs. [" Land "] '};.."'
}
$ Ausg = '{ "Aufzeichnungen": [' $ Ausg.. ']}';
$ Conn-> close ();

echo ($ Ausg);
?>

2. PHP-Code Beispiele und 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. ASP.NET, VB und MS Access Code-Beispiele

<% @ 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 Als OleDbConnection
Dim objAdapter Als OleDbDataAdapter
Dim objTable Als Datatable
Dim objRow Als DataRow
Dim objDataSet As New DataSet ()
dim Ausg
Dim c
conn = new OleDbConnection ( "Provider = Microsoft.Jet.OLEDB.4.0; data source = Northwind.mdb")
objAdapter = New OleDbDataAdapter ( "SELECT Company, Stadt, Land von Kunden", conn)
objAdapter.Fill (objDataSet "myTable")
objTable = objDataSet.Tables ( "myTable")

Ausg = ""
c = CHR (34)
für jedes x in objTable.Rows
wenn Ausg <> "" dann Ausg = Ausg & ","
Ausg = Ausg & "{" & c & "Name" & c & ":" & c & x ( "Company") und c & ","
Ausg = Ausg & c & "City" & c & ":" & c & x ( "City") und c & ","
Ausg = Ausg & c & "Country" & c & ":" & c & x ( "Land") und c & "}"
nächste

Ausg = "{" & c & "Aufzeichnungen" & c & ": [" & Ausg & "]}"
response.write (Ausg)
conn.close
%>

4. ASP.NET, VB Razor und SQL Lite Code-Beispiele

@{
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 <> "" then 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