AngularJS SQL
รหัสในส่วนก่อนหน้านี้ยังสามารถใช้ในการอ่านข้อมูลจากฐานข้อมูล
ใช้ 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.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 Access ย้อนกลับ JSON
- ใช้ ASP.NET, VB และ MS Access ย้อนกลับ JSON
- ใช้ ASP.NET, มีดโกนและ SQL Lite ย้อนกลับ JSON
ร้องขอ HTTP ข้ามโดเมน
หากคุณต้องการที่จะดึงข้อมูลจากเซิร์ฟเวอร์ที่แตกต่างกัน (โดเมนที่แตกต่างกัน) คุณจะต้องใช้การร้องขอ HTTP ข้ามโดเมน
ร้องขอข้ามโดเมนบนหน้าเว็บเป็นเรื่องธรรมดามาก หลายหน้าโหลด CSS, รูปภาพ, สคริปต์ Js จากเซิร์ฟเวอร์ที่แตกต่างกัน
ในเบราว์เซอร์ที่ทันสมัยเพื่อที่จะรักษาความปลอดภัยข้อมูลที่ร้องขอทั้งหมดจะถูก จำกัด อย่างเคร่งครัดภายใต้ชื่อโดเมนเดียวกันถ้าคุณจำเป็นต้องเรียกข้อมูลจากเว็บไซต์ที่แตกต่างกันคุณจะต้องได้รับการแก้ไขผ่านข้ามโดเมน
รหัส PHP ต่อไปนี้จะเรียกใช้การเข้าถึงข้ามโดเมนโดยใช้เว็บไซต์
ส่วนหัว ( "ควบคุมการเข้าถึง-อนุญาตให้-แหล่งกำเนิดสินค้า: *");
เพิ่มเติมโซลูชั่นการเข้าถึงข้ามโดเมนสามารถพบได้ใน: PHP Ajax ปัญหาข้ามโดเมนทางออกที่ดีที่สุด
1. PHP และ MySQL ตัวอย่างโค้ด
<php?
ส่วนหัว ( "ควบคุมการเข้าถึง-อนุญาตให้-แหล่งกำเนิดสินค้า: *");
ส่วนหัว ( "Content-Type: application / JSON; charset = UTF-8");
$ Conn = mysqli ใหม่ ( "MyServer", "myUser", "mypassword", "Northwind");
ผล $ = $ conn-> แบบสอบถาม ( "SELECT CompanyName, เมืองประเทศจากลูกค้า");
$ outp = "";
ในขณะที่ ($ = $ RS result-> fetch_array (MYSQLI_ASSOC)) {
ถ้า ($ outp = "!") { "$ = outp.";}
. $ outp = '{ "ชื่อ": "' $ RS. [" CompanyName "] '."
. $ outp = ' "เมือง": "' $ RS. [" เมือง "] '."
. $ outp = ' "ประเทศ": "' $ RS. [" ประเทศ "] '}."
}
$ outp = '{ "บันทึก": [' $ outp..]} ';
$ Conn-> close ();
Echo ($ outp);
?>
ส่วนหัว ( "ควบคุมการเข้าถึง-อนุญาตให้-แหล่งกำเนิดสินค้า: *");
ส่วนหัว ( "Content-Type: application / JSON; charset = UTF-8");
$ Conn = mysqli ใหม่ ( "MyServer", "myUser", "mypassword", "Northwind");
ผล $ = $ conn-> แบบสอบถาม ( "SELECT CompanyName, เมืองประเทศจากลูกค้า");
$ outp = "";
ในขณะที่ ($ = $ RS result-> fetch_array (MYSQLI_ASSOC)) {
ถ้า ($ outp = "!") { "$ = outp.";}
. $ outp = '{ "ชื่อ": "' $ RS. [" CompanyName "] '."
. $ outp = ' "เมือง": "' $ RS. [" เมือง "] '."
. $ outp = ' "ประเทศ": "' $ RS. [" ประเทศ "] '}."
}
$ outp = '{ "บันทึก": [' $ outp..]} ';
$ Conn-> close ();
Echo ($ outp);
?>
2. ตัวอย่างโค้ด PHP และ 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);
?>
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 Access ตัวอย่างโค้ด
<% @ นำเข้า Namespace = "System.IO"%>
<% @ นำเข้า Namespace = "System.Data"%>
<% @ นำเข้า Namespace = "System.Data.OleDb"%>
<%
Response.AppendHeader ( "ควบคุมการเข้าถึง-อนุญาตให้-แหล่งกำเนิด", "*")
Response.AppendHeader ( "ชนิดของเนื้อหา", "application / JSON")
Conn มซำเป็น OleDbConnection
Dim objAdapter เป็น OleDbDataAdapter
Dim objTable เป็น DataTable
Dim objRow เป็น DataRow
Dim objDataSet เป็นชุดข้อมูลใหม่ ()
dim outp
ติ่ม C
Conn = ใหม่ OleDbConnection ( "Provider = Microsoft.Jet.OLEDB.4.0; แหล่งข้อมูล = Northwind.mdb")
objAdapter = OleDbDataAdapter ใหม่ ( "SELECT CompanyName, เมืองประเทศจากลูกค้า", Conn)
objAdapter.Fill (objDataSet "myTable")
objTable = objDataSet.Tables ( "myTable")
outp = ""
c = Chr (34)
สำหรับแต่ละ x ใน objTable.Rows
ถ้า outp <> "" แล้ว outp = outp & ","
outp = outp & "{" c & & "ชื่อ" & C & ":" & C & X ( " บริษัท " ที) และ C & ","
outp = outp & C & "เมือง" & C & ":" & C & X ( "เมือง") และ C & ","
outp = outp & C & "ประเทศ" & C & ":" & C & X ( "ประเทศ") & C & "}"
ถัดไป
outp = "{" c & & "บันทึก" & C & ": [" และ outp & "]}"
Response.Write (outp)
conn.close
%>
<% @ นำเข้า Namespace = "System.Data"%>
<% @ นำเข้า Namespace = "System.Data.OleDb"%>
<%
Response.AppendHeader ( "ควบคุมการเข้าถึง-อนุญาตให้-แหล่งกำเนิด", "*")
Response.AppendHeader ( "ชนิดของเนื้อหา", "application / JSON")
Conn มซำเป็น OleDbConnection
Dim objAdapter เป็น OleDbDataAdapter
Dim objTable เป็น DataTable
Dim objRow เป็น DataRow
Dim objDataSet เป็นชุดข้อมูลใหม่ ()
dim outp
ติ่ม C
Conn = ใหม่ OleDbConnection ( "Provider = Microsoft.Jet.OLEDB.4.0; แหล่งข้อมูล = Northwind.mdb")
objAdapter = OleDbDataAdapter ใหม่ ( "SELECT CompanyName, เมืองประเทศจากลูกค้า", Conn)
objAdapter.Fill (objDataSet "myTable")
objTable = objDataSet.Tables ( "myTable")
outp = ""
c = Chr (34)
สำหรับแต่ละ x ใน objTable.Rows
ถ้า outp <> "" แล้ว outp = outp & ","
outp = outp & "{" c & & "ชื่อ" & C & ":" & C & X ( " บริษัท " ที) และ C & ","
outp = outp & C & "เมือง" & C & ":" & C & X ( "เมือง") และ C & ","
outp = outp & C & "ประเทศ" & C & ":" & C & X ( "ประเทศ") & C & "}"
ถัดไป
outp = "{" c & & "บันทึก" & C & ": [" และ outp & "]}"
Response.Write (outp)
conn.close
%>
4. ASP.NET, VB มีดโกนและ 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 <> "" 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