AngularJS와 SQL
이전 섹션의 코드는 데이터베이스에서 데이터를 판독하기 위해 사용될 수있다.
MySQL의 데이터를 얻기 위해 PHP를 사용하여,
예를 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("http://www.w3big.com/try/angularjs/data/Customers_MySQL.php")
.success(function (response) {$scope.names = response.records;});
});
< /script >
< 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 >
»시도
ASP.NET 데이터에 대한 SQL 액세스를 실행
예를 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("http://www.w3big.com/try/angularjs/data/Customers_SQL.aspx")
.success(function (response) {$scope.names = response.records;});
});
< /script >
< 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 >
»시도
서버 측 코드
서버 측 코드의 여러 종류를 나열되어 다음과 같습니다 :
- PHP와 MySQL. JSON을 돌려줍니다.
- PHP와 MS 액세스 할 수 있습니다. JSON을 돌려줍니다.
- ASP.NET, VB, 및 MS 액세스를 사용합니다. JSON을 돌려줍니다.
- ASP.NET, 면도기, 및 SQL 라이트를 사용합니다. JSON을 돌려줍니다.
도메인 간 HTTP 요청
당신이 다른 서버 (다른 도메인)에서 데이터를 검색해야하는 경우 도메인 간 HTTP 요청을 사용해야합니다.
페이지의 크로스 도메인 요청은 매우 일반적입니다. 많은 페이지는 다른 서버에서 CSS, 사진, JS 스크립트를로드합니다.
최신 브라우저에서, 데이터를 보호하기 위해, 모든 요구는 엄격히 다른 사이트로부터의 데이터를 호출 할 경우, 도메인 간을 통하여 해결해야 동일한 도메인 이름으로 제한된다.
다음 PHP 코드는 웹 사이트를 사용하여 크로스 도메인 액세스를 실행합니다.
헤더 ( "액세스 제어 - 허용 - 원산지 : *");
PHP 아약스 크로스 도메인 문제 최상의 솔루션 자세한 도메인 간 액세스 솔루션을 찾을 수있다.
1. PHP와 MySQL 코드 예제
<? PHP는
헤더 ( "액세스 제어 - 허용 - 원산지 : *");
헤더 ( "콘텐츠 유형 : 응용 프로그램 / JSON; 문자셋 = UTF-8");
$ 코네티컷 = 새 mysqli 함수 ( "이 myServer", "참고 MyUser", "myPassword", "Northwind를");
$ ( "회사 명,시, 고객으로부터 국가를 선택")> 쿼리를 = $ conn- 결과;
$ OUTP = "";
동안 ($ RS = $ 결과 -> fetch_array (MYSQLI_ASSOC)) {
( "!"$ OUTP =) { ". $ OUTP =";} 경우
. $ OUTP = '{ "이름": "'$ RS."회사 명 "];." '
. $ OUTP = ' "도시": "'$ RS."도시 "];." '
. $ OUTP = ' "국가": "'$ RS."국가 "]};." '
}
$ OUTP은 = '{ "기록"['$ OUTP.. ']}';
$ Conn-> 닫기 ();
에코 ($ OUTP);
?>
헤더 ( "액세스 제어 - 허용 - 원산지 : *");
헤더 ( "콘텐츠 유형 : 응용 프로그램 / JSON; 문자셋 = UTF-8");
$ 코네티컷 = 새 mysqli 함수 ( "이 myServer", "참고 MyUser", "myPassword", "Northwind를");
$ ( "회사 명,시, 고객으로부터 국가를 선택")> 쿼리를 = $ conn- 결과;
$ OUTP = "";
동안 ($ RS = $ 결과 -> fetch_array (MYSQLI_ASSOC)) {
( "!"$ OUTP =) { ". $ OUTP =";} 경우
. $ OUTP = '{ "이름": "'$ RS."회사 명 "];." '
. $ OUTP = ' "도시": "'$ RS."도시 "];." '
. $ OUTP = ' "국가": "'$ RS."국가 "]};." '
}
$ OUTP은 = '{ "기록"['$ OUTP.. ']}';
$ Conn-> 닫기 ();
에코 ($ OUTP);
?>
2. PHP 코드 예제와 MS 액세스
<?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);
?>
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와 MS 액세스 코드 예제
<% @ 가져 오기 네임 스페이스 = "System.IO"%>
<% @ 가져 오기 네임 스페이스 = "System.Data"%>
<% @ 가져 오기 네임 스페이스 = "System.Data.OleDb"%>
<%
Response.AppendHeader ( "액세스 제어 - 허용 - 기원", "*")
Response.AppendHeader ( "콘텐츠 형식", "응용 프로그램 / JSON")
되어 OleDbConnection으로 희미 CONN
위해 OleDbDataAdapter으로 objAdapter 어둡게
DataTable을 같이 objTable 어둡게
DataRow를 같이 objRow 어둡게
() 새로운 데이터 집합으로 objDataSet 어둡게
OUTP 어둡게
희미한 C
CONN = 새로운되어 OleDbConnection ( "공급자 = Microsoft.Jet.OLEDB.4.0; 데이터 원본 =의 Northwind.mdb")
objAdapter = 새로운 위해 OleDbDataAdapter ( "회사 명,시, 고객으로부터 국가를 선택"코네티컷)
objAdapter.Fill (objDataSet, "myTable에")
objTable = objDataSet.Tables ( "myTable에")
OUTP = ""
C = CHR (34)
objTable.Rows의 각 x의
경우 OUTP <> ""다음 OUTP = OUTP & ","
OUTP = OUTP 및 "{"및 C & "이름"및 C & ":"& C 및 × ( "회사 명") C & ","
OUTP = OUTP 및 C & "도시"및 C & ":"C & X & ( "도시") C & ","
OUTP = OUTP & C 및 "국가"& C & ":"& C 및 × ( "국가") C & "}"
다음
OUTP = "{"및 C & "기록"& C & ":"& OUTP 및 "]}"
Response.Write를 (OUTP)
conn.close
%>
<% @ 가져 오기 네임 스페이스 = "System.Data"%>
<% @ 가져 오기 네임 스페이스 = "System.Data.OleDb"%>
<%
Response.AppendHeader ( "액세스 제어 - 허용 - 기원", "*")
Response.AppendHeader ( "콘텐츠 형식", "응용 프로그램 / JSON")
되어 OleDbConnection으로 희미 CONN
위해 OleDbDataAdapter으로 objAdapter 어둡게
DataTable을 같이 objTable 어둡게
DataRow를 같이 objRow 어둡게
() 새로운 데이터 집합으로 objDataSet 어둡게
OUTP 어둡게
희미한 C
CONN = 새로운되어 OleDbConnection ( "공급자 = Microsoft.Jet.OLEDB.4.0; 데이터 원본 =의 Northwind.mdb")
objAdapter = 새로운 위해 OleDbDataAdapter ( "회사 명,시, 고객으로부터 국가를 선택"코네티컷)
objAdapter.Fill (objDataSet, "myTable에")
objTable = objDataSet.Tables ( "myTable에")
OUTP = ""
C = CHR (34)
objTable.Rows의 각 x의
경우 OUTP <> ""다음 OUTP = OUTP & ","
OUTP = OUTP 및 "{"및 C & "이름"및 C & ":"& C 및 × ( "회사 명") C & ","
OUTP = OUTP 및 C & "도시"및 C & ":"C & X & ( "도시") C & ","
OUTP = OUTP & C 및 "국가"& C & ":"& C 및 × ( "국가") C & "}"
다음
OUTP = "{"및 C & "기록"& C & ":"& OUTP 및 "]}"
Response.Write를 (OUTP)
conn.close
%>
4. ASP.NET, VB 면도기 및 SQL 라이트 코드 예제
@{
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
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