एंजुलरजेएस सीक्वेल

एंजुलरजी डाटाबेस में डाटा दिखाने के लिए बहुत उपयुक्त है। केवल यह सुनिश्चित करें कि डाटा 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_mysql.php")
  .then(function (response) {$scope.names = response.data.records;});
});
</script>

स्वयं अभियान करें

एसक्यूएल चलने वाले एएसपी.एनटी सर्वर से डाटा प्राप्त करें

एंजुलरजेएस इंस्टांस

<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 उदाहरण में, निम्नलिखित पंक्तियाँ जोड़ी गई हैं ताकि क्रॉस साइट एक्सेस की अनुमति दी जा सके。

हेडर("एक्सेस-कंट्रॉल-अल्लॉव-ऑरिजिन: *");

1. सर्वर कोड PHP और MySQL

<?php
हेडर("एक्सेस-कंट्रॉल-अल्लॉव-ऑरिजिन: *");
header("Content-Type: application/json; charset=UTF-8");
$conn = new mysqli("myServer", "myUser", "myPassword", "Northwind");
$result = $conn->query("SELECT CompanyName, City, Country FROM Customers");
$आउटप = "";
जब ($rs = $result->fetch_array(MYSQLI_ASSOC)) {
  अगर ($आउटप != "") {$आउटप .= ",";}
  $आउटप .= '{"नेम":"'  . $रज़["कंपनीनेम"] . '",';
  $आउटप .= '"सिटी":"'   . $रज़["सिटी"]        . '",';
  $आउटप .= '"कंट्री":"'. $रज़["कंट्री"]     . '"}';
}
$आउटप ='{"रिकॉर्ड्स":['.$आउटप.']}';
$कॉनेक्शन->क्लोज();
एको($आउटप);
?>

2. सर्वर कोड पीएचपी और एमएस एक्सेस

<?php
हेडर("एक्सेस-कंट्रॉल-अल्लॉव-ऑरिजिन: *");
हेडर("कॉन्टेंट-टाइप: एप्लीकेशन/जेसन; चारसेट=ISO-8859-1");
$कॉनेक्शन = new COM("ADODB.Connection");
$कॉनेक्शन->ओपन("PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=Northwind.mdb");
$रज़ = $कॉनेक्शन->एक्सिक्यूट("SELECT कंपनीनेम, सिटी, कंट्री FROM कस्टमर्स");
$आउटप = "";
वाईले (!$रज़->EOF) {
  अगर ($आउटप != "") {$आउटप .= ",";}
  $आउटप .= '{"नेम":"'  . $रज़["कंपनीनेम"] . '",';
  $आउटप .= '"सिटी":"'   . $रज़["सिटी"]        . '",';
  $आउटप .= '"कंट्री":"'. $रज़["कंट्री"]     . '"}';
  $रज़->मोवनेक्स्ट();
}
$आउटप ='{"रिकॉर्ड्स":['.$आउटप.']}';
$कॉनेक्शन->क्लोज();
एको ($आउटप);
?>

3. सर्वर कोड एसपी.एन.टी, वीबी और एमएस एक्सेस

<%@ इम्पोर्ट नेस्पेसेज="सिस्टम.आइओ"%>
<%@ इम्पोर्ट नेस्पेसेज="सिस्टम.डाटा"%>
<%@ इम्पोर्ट नेस्पेसेज="सिस्टम.डाटा.ऑलबेकडाटा"%>
<%
Response.AppendHeader("Access-Control-Allow-Origin", "*")
Response.AppendHeader("Content-type", "application/json")
डिम कॉनेक्शन अस ऑलबेकडाटाकॉनेक्शन
डिम ऑब्जेक्ट अस ऑलबेकडाटापैडटर
डिम ऑब्जेक्ट अस डेटाटेबल
डिम ऑब्जेक्ट अस डेटारोव
डिम ऑब्जेक्ट अ्स न्यू डाटासेट()
डिम आउटप
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