AngularJS와는 데이터베이스에서 데이터를 표시하기에 적합합니다. 그냥 데이터를 JSON 형식으로되어 있는지 확인합니다.
PHP는 서버 실행중인 MySQL의에서 가져 오는 데이터
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.w3ii.com/angular/customers_mysql.php")
.then(function (response) {$scope.names = response.data.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.w3ii.com/angular/customers_sql.aspx")
.then(function (response) {$scope.names = response.data.records;});
});
</script> »그것을 자신을 시도 서버 코드 예제
다음 섹션에서는 SQL 데이터를 가져 오는 데 사용되는 서버 코드의 목록입니다.
- PHP와 MySQL을 사용. JSON을 반환.
- PHP와 MS Access를 사용하여. JSON을 반환.
- ASP.NET, VB, 및 MS Access를 사용하여. JSON을 반환.
- ASP.NET, 면도기, 및 SQL 라이트를 사용. JSON을 반환.
크로스 사이트 HTTP 요청
(요청 페이지가 아닌) 다른 서버에서 데이터에 대한 요청은 크로스 사이트 HTTP 요청이라고합니다.
크로스 사이트 요청은 웹에서 일반적이다. 많은 페이지는 다른 서버에서 CSS, 이미지, 스크립트를로드합니다.
최신 브라우저에서 스크립트에서 크로스 사이트 HTTP 요청은 보안상의 이유로 동일한 사이트로 제한됩니다.
다음 라인은 PHP 우리의 예에서, 사이트 간 접속을 허용하기 위해 추가되었다.
header("Access-Control-Allow-Origin: *");1. 서버 코드 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);
?>
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);
?>
3. 서버 코드 ASP.NET, VB와 MS 액세스
<%@ 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. 서버 코드 ASP.NET, 면도기 C # 및 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