एंगुलरजेएस एसक्यूएल
AngularJS डेटाबेस से डेटा प्रदर्शित करने के लिए एकदम सही है। बस सुनिश्चित करें कि डेटा JSON प्रारूप में है।
MySQL चलाने वाले PHP सर्वर से डेटा प्राप्त करना
एंगुलरजेएस उदाहरण
<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 चलाने वाले ASP.NET सर्वर से डेटा प्राप्त करना
एंगुलरजेएस उदाहरण
<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 का उपयोग करना। जेएसओएन लौट रहा है।
- PHP और MS एक्सेस का उपयोग करना। जेएसओएन लौट रहा है।
- ASP.NET, VB और MS Access का उपयोग करना। जेएसओएन लौट रहा है।
- ASP.NET, रेजर और SQL लाइट का उपयोग करना। जेएसओएन लौट रहा है।
क्रॉस-साइट 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 = "";
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
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, रेजर C# और SQL लाइट
@{
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