انگولار جی ایس ایس ال
- پچھلے پیج انگولار جی ایس انتخاب
- آئندہ پیج انگولار جی ایس ڈی او ایم
AngularJS بہت خوشگوار ہے کہ وہ دیتابیس میں داتا کو دکھائیں جو جی ایس این فرمت میں ہو، لطفاً یقین رکھیں کہ دیتا جی ایس این فرمت میں ہو
دیتا کو سروسرور کو حاصل کریں جو MySQL چلارہا ہے
انگولار جی ایس مثال
<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>
دیتا کو سروسرور اپلائیوں سے حاصل کریں جو SQL چلارہا ہے
انگولار جی ایس مثال
<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. سرور کد پیاچ و 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 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) برای هر x در objTable.Rows اگر 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) } if (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
- پچھلے پیج انگولار جی ایس انتخاب
- آئندہ پیج انگولار جی ایس ڈی او ایم