Latest web development tutorials

AngularJS SQL

รหัสในส่วนก่อนหน้านี้ยังสามารถใช้ในการอ่านข้อมูลจากฐานข้อมูล


ใช้ PHP ในการได้รับข้อมูลจาก MySQL,

AngularJS ตัวอย่าง

< 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("http://www.w3big.com/try/angularjs/data/Customers_MySQL.php")
    .success(function (response) {$scope.names = response.records;});
});
< /script >

ลอง»

ASP.NET รัน SQL การเข้าถึงข้อมูล

AngularJS ตัวอย่าง

< 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("http://www.w3big.com/try/angularjs/data/Customers_SQL.aspx")
    .success(function (response) {$scope.names = response.records;});
});
< /script >

ลอง»

รหัสฝั่งเซิร์ฟเวอร์

ที่ระบุด้านล่างมีการระบุไว้หลายประเภทของรหัสด้านเซิร์ฟเวอร์:

  1. PHP และ MySQL ย้อนกลับ JSON
  2. PHP และ MS Access ย้อนกลับ JSON
  3. ใช้ ASP.NET, VB และ MS Access ย้อนกลับ JSON
  4. ใช้ ASP.NET, มีดโกนและ SQL Lite ย้อนกลับ JSON

ร้องขอ HTTP ข้ามโดเมน

หากคุณต้องการที่จะดึงข้อมูลจากเซิร์ฟเวอร์ที่แตกต่างกัน (โดเมนที่แตกต่างกัน) คุณจะต้องใช้การร้องขอ HTTP ข้ามโดเมน

ร้องขอข้ามโดเมนบนหน้าเว็บเป็นเรื่องธรรมดามาก หลายหน้าโหลด CSS, รูปภาพ, สคริปต์ Js จากเซิร์ฟเวอร์ที่แตกต่างกัน

ในเบราว์เซอร์ที่ทันสมัยเพื่อที่จะรักษาความปลอดภัยข้อมูลที่ร้องขอทั้งหมดจะถูก จำกัด อย่างเคร่งครัดภายใต้ชื่อโดเมนเดียวกันถ้าคุณจำเป็นต้องเรียกข้อมูลจากเว็บไซต์ที่แตกต่างกันคุณจะต้องได้รับการแก้ไขผ่านข้ามโดเมน

รหัส PHP ต่อไปนี้จะเรียกใช้การเข้าถึงข้ามโดเมนโดยใช้เว็บไซต์

ส่วนหัว ( "ควบคุมการเข้าถึง-อนุญาตให้-แหล่งกำเนิดสินค้า: *");

เพิ่มเติมโซลูชั่นการเข้าถึงข้ามโดเมนสามารถพบได้ใน: PHP Ajax ปัญหาข้ามโดเมนทางออกที่ดีที่สุด


1. PHP และ MySQL ตัวอย่างโค้ด

<php?
ส่วนหัว ( "ควบคุมการเข้าถึง-อนุญาตให้-แหล่งกำเนิดสินค้า: *");
ส่วนหัว ( "Content-Type: application / JSON; charset = UTF-8");

$ Conn = mysqli ใหม่ ( "MyServer", "myUser", "mypassword", "Northwind");

ผล $ = $ conn-> แบบสอบถาม ( "SELECT CompanyName, เมืองประเทศจากลูกค้า");

$ outp = "";
ในขณะที่ ($ = $ RS result-> fetch_array (MYSQLI_ASSOC)) {
ถ้า ($ outp = "!") { "$ = outp.";}
. $ outp = '{ "ชื่อ": "' $ RS. [" CompanyName "] '."
. $ outp = ' "เมือง": "' $ RS. [" เมือง "] '."
. $ outp = ' "ประเทศ": "' $ RS. [" ประเทศ "] '}."
}
$ outp = '{ "บันทึก": [' $ 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 ตัวอย่างโค้ด

<% @ นำเข้า Namespace = "System.IO"%>
<% @ นำเข้า Namespace = "System.Data"%>
<% @ นำเข้า Namespace = "System.Data.OleDb"%>
<%
Response.AppendHeader ( "ควบคุมการเข้าถึง-อนุญาตให้-แหล่งกำเนิด", "*")
Response.AppendHeader ( "ชนิดของเนื้อหา", "application / JSON")
Conn มซำเป็น OleDbConnection
Dim objAdapter เป็น OleDbDataAdapter
Dim objTable เป็น DataTable
Dim objRow เป็น DataRow
Dim objDataSet เป็นชุดข้อมูลใหม่ ()
dim outp
ติ่ม C
Conn = ใหม่ OleDbConnection ( "Provider = Microsoft.Jet.OLEDB.4.0; แหล่งข้อมูล = Northwind.mdb")
objAdapter = OleDbDataAdapter ใหม่ ( "SELECT CompanyName, เมืองประเทศจากลูกค้า", Conn)
objAdapter.Fill (objDataSet "myTable")
objTable = objDataSet.Tables ( "myTable")

outp = ""
c = Chr (34)
สำหรับแต่ละ x ใน objTable.Rows
ถ้า outp <> "" แล้ว outp = outp & ","
outp = outp & "{" c & & "ชื่อ" & C & ":" & C & X ( " บริษัท " ที) และ C & ","
outp = outp & C & "เมือง" & C & ":" & C & X ( "เมือง") และ C & ","
outp = outp & C & "ประเทศ" & C & ":" & C & X ( "ประเทศ") & C & "}"
ถัดไป

outp = "{" c & & "บันทึก" & C & ": [" และ outp & "]}"
Response.Write (outp)
conn.close
%>

4. ASP.NET, VB มีดโกนและ 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 <> "" then 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