SQL AngularJS

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("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("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، Razor و SQL Lite استفاده کنید. 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 = "";
در حالی که ($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 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 و 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. کد سرور سرور ASP.NET، Razor C# و 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