SQL (SQL)

اینجا «SQL در AngularJS» را می بینی. «SQL» زبان پرس وجو از دیتابیس است. «JSON» قالب سبک برای جابه جایی داده است. پس اول، سرور باید JSON بدهد. بعد، با $http داده را می گیریم و در صفحه نشان می دهیم.

گرفتن داده از PHP + MySQL

سرور PHP فایل customers_mysql.php را می دهد. پاسخ باید JSON باشد. سپس با $http.get داده را می خوانیم.

<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

اینجا سرور ASP.NET است. فایل customers_sql.aspx JSON برمی گرداند. سپس همان روال را می رویم.

<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>

مشاهده در ادیتور

نکته امنیتی: درخواست های Cross-Site

اگر سرور جداست، مرورگر محدودیت می گذارد. برای اجازه، مدیر سرور باید هدر Access-Control-Allow-Origin را تنظیم کند. این بخش فقط سمت سرور است.

گام های عملی

1. خروجی سرور را JSON کن.
2. آدرس API را مشخص کن.
3. با $http.get درخواست بزن.
4. داده را در $scope ذخیره کن.
5. با ng-repeat جدول بساز.

نکته: برای ادامه مسیر، صفحه SQL در AngularJS را مرجع قرار بده. همچنین Select و HTML DOM مرتبط هستند.

جمع بندی سریع

• داده سرور باید JSON باشد.
• $http.get پاسخ را می گیرد.
• نمایش با ng-repeat انجام می شود.
• Cross-Site نیازمند هدر مجوز است.