کار با SQL در آنگولار جی اس- Angular
AngularJS کاملا مناسب است برای نمایش داده ها از پایگاه داده است. فقط مطمئن شوید که داده ها در فرمت JSON هستند.
مقالات
خروجی داده از یک سرور پی اچ پی در حال اجرا MySQL
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<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> |
نمونه کدهای سمت سرور server code
بخش زیر لیستی از کدهای سرور است که برای استخراج داده SQL استفاده می شود.
استفاده از پی اچ پی و خروجی زیر. return JSON
با استفاده از PHP و MS Access بازگشت JSON
با استفاده از ASP.NET، VB و MS دسترسی. return JSON
با استفاده از ASP.NET، Razor و SQL Lite. و return JSON
درخواست متقابل سایت HTTP …درخواست های Cross-Site
درخواستهای داده از یک سرور متفاوت (از صفحه درخواستی)، درخواست HTTP متقابل سایت cross-site نامیده می شود.
درخواست های متقابل سایت cross-site در وب رایج است. بسیاری از صفحات CSS، تصاویر و اسکریپت ها را از سرورهای مختلف بارگیری می کنند.
در مرورگرهای مدرن، درخواست های متقابل cross-site HTTP از اسکریپت ها به دلایل امنیتی محدود به یک سایت می شود.
خط زیر در نمونه های PHP ما اضافه شده است تا اجازه دسترسی متقابل سایت cross-site را فراهم کند.
1 |
header("Access-Control-Allow-Origin: *"); |
سرور کد PHP و MS Access
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<?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); ?> |
کد PHP سرور و MySQL
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<?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); ?> |
کد سرور ASP.NET، VB و MS Access
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<%@ 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 %> |
کد سرور ASP.NET، Razor C # و SQLite
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
@{ 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 |
مطالب زیر را حتما مطالعه کنید
مسیریابی انگولار AngularJS Routing
ساخت انیمیشن با انگولار – angularjs animation
AngularJS Includes
api آنگولار جی اس – Angularjs API
اعتبارسنجی فرم ها با آنگولار – AngularJS Form Validation
ساخت form با آنگولار جی اس – angular forms
1 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
Simvastatin Overdose Cialis 5mg Wirkstoff Cialis Donne Cialis Generique Effets Secondaires For Sale Bentyl Dibent Super Viagra Online