AngularJS SQL
Kode dalam bab sebelumnya juga dapat digunakan untuk membaca data dalam database.
Dapatkan data dari MySQL menggunakan PHP
Instance AngularJS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <skrip src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <Tabel> Tabel, td o, 1, 1, td, td {1 scatt; Border-Collapse: runtuh; padding: 5px;}table tr:nth-child(odd) { background-color: #f1f1f1;}table tr:nth-child(even) { background-color: #ffffff;}</style></head><body><div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names"> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </able> </div> <script> var app = angular.module ('myApp', []); hyttc.controller ('customelctrl', $ function ($ myApp ', []); hytp.controller (' customelctrl ', $ function ($ myApp', []); $ http.get ("/try/angularjs/data/customer_mysql.php") .success (function (response) {$ scope.names = response.records;});}); </script> </body> </html>;Hasil Menjalankan:
| Alfreds Futterkiste | Jerman |
| Ana Trujillo Emparedados y Heldos | Meksiko |
| Antonio Moreno Taquería | Meksiko |
| Di sekitar tanduk | Inggris |
| Minuman B. | Inggris |
| Berglunds Snabbköp | Swedia |
| Blauer lihat Delikatessen | Jerman |
| Pirang pai dan fils | Perancis |
| Bólido comidas preparedas | Spanyol |
| Aplikasi Bon ' | Perancis |
| Marketse dolar bawah | Kanada |
| Cactus Comidas Para Llevar | Argentina |
| Centro Comercial Moctezuma | Meksiko |
| Chop-Suey China | Swiss |
| Comércio Mineiro | Brazil |
Jalankan SQL di ASP.NET untuk mendapatkan data
Instance AngularJS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <skrip src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <Tabel> Tabel, td o, 1, 1, td, td {1 scatt; Border-Collapse: runtuh; padding: 5px;}table tr:nth-child(odd) { background-color: #f1f1f1;}table tr:nth-child(even) { background-color: #ffffff;}</style></head><body><div ng-app="myApp" ng-controller="customersCtrl"> <table><tr ng-repeat="x in Nama "> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </able> </div> <script> var app = angular.module ('myApp', []); app.controller ('customelctrl', function ('myapp', []); app.controller ('customelctrl', function ('myapp' ($); $ http.get ("http://www.runoob.com/try/angularjs/data/customers_sql.aspx") .success (function (respons) {$ scope.names = response.records;});}); </skrip> </body>Hasil Menjalankan:
| Alfreds Futterkiste | Jerman |
| Berglunds Snabbköp | Swedia |
| Centro Comercial Moctezuma | Meksiko |
| Ernst Handel | Austria |
| Fissa Fabrica Inter. Salchichas SA | Spanyol |
| Galería del Gastrónomo | Spanyol |
| Perdagangan pulau | Inggris |
| Königlich Essen | Jerman |
| Laughing Bacchus Wine Cellars | Kanada |
| Magazzini Alimentari Riuniti | Italia |
| Utara/selatan | Inggris |
| Paris Spécialités | Perancis |
| Rattlesnake Canyon Grocery | Amerika Serikat |
| Simons Bistro | Denmark |
| Keju besar | Amerika Serikat |
| Vaffeljernet | Denmark |
| Wolski Zajazd | Polandia |
Kode server
Berikut ini mencantumkan beberapa jenis kode sisi server:
Gunakan PHP dan MySQL. Mengembalikan json.
Gunakan Akses PHP dan MS. Mengembalikan json.
Gunakan Asp.net, VB, dan MS Access. Mengembalikan json.
Gunakan ASP.NET, RAZOR, dan SQL LITE. Mengembalikan json.
Permintaan HTTP Cross-Domain
Jika Anda perlu mendapatkan data dari server yang berbeda (nama domain yang berbeda), Anda perlu menggunakan permintaan HTTP lintas domain.
Permintaan lintas domain sangat umum di halaman web. Banyak halaman web memuat CSS, gambar, skrip JS, dll. Dari server yang berbeda.
Di browser modern, untuk keamanan data, semua permintaan sangat terbatas pada nama domain yang sama. Jika Anda perlu memanggil data dari situs yang berbeda, itu perlu diselesaikan melalui domain lintas.
Kode PHP berikut berjalan menggunakan situs web untuk akses lintas domain.
header ("Access-Control-Allow-Origin: *");
Untuk solusi akses lintas domain lebih lanjut, lihat: Solusi Terbaik untuk Masalah Domain Cross PHP AJAX.
1. Contoh Kode PHP dan MySQL
<?phpheader("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. = '{"nama": "'. $ rs [" Perusahaan "]. '" $ outp. = '"City": "'. $ rs [" City "]. '",'; $ outp. = '"negara": "'. $ rs [" country "]. '"}'; } $ outp = '{"Records": ['. $ outp. ']}'; $ conn-> tutup (); echo ($ outp);?>2. Kode Kode Akses PHP dan MS
<? phpheader ("Access-control-wallow-origin: *"); header ("tipe konten: aplikasi/json; charset = iso-8859-1"); $ conn = com baru ("adodb.connection"); $ conn-> open ("penyedia = microsoft.jet.oledb.0; data = northbor = northbor (" provider = microsoft.jet.oledb.0; Data sumber = northbor = morte ("microsoft. Perusahaan, kota, negara dari pelanggan "); $ outp =" "; while (! $ Rs-> eof) {if ($ outp! =" ") {$ Outp. =", ";} $ Outp. = '{" Nama ":" $ outp. = '"City": "'. $ rs [" City "]. '",'; $ outp. = '"negara": "'. $ rs [" country "]. '"}'; $ rs-> moveNext ();} $ outp = '{"Records": ['. $ outp. ']}'; $ conn-> tutup (); echo ($ outp);?>3. Asp.net, VB dan MS Access Code Instance
<%@ Impor namespace = "system.io"%> <%@ impor namespace = "system.data"%> <%@ impor namespace = "system.data.oledb"%> <%response.appendHeader ("connon-control-allow-origin" ("") response.prespendHeader ("contact-control-allow-origin" ("") response. Lampai konten ("konten-control-allow-origin" (")) response. objadapter sebagai oledbdataadapterdim objtable sebagai detatableM objrow sebagai datasowdim objdataset sebagai dataset baru () redup outpdim cconn = oledbconnection baru ("provider = microsoft.jet.oledb.4.0; sumber data = northwind.mdb" (microsoft.jet.oledb.4.0; Sumber data = northwind.mdb "(microsoft.jet.oledb.4. CompanyName, City, Country FROM Customers", conn)objAdapter.Fill(objDataSet, "myTable")objTable=objDataSet.Tables("myTable")outp = ""c = chr(34)for each x in objTable.Rowsif 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 & "}" NextOutp = "{" & c & " "]}" response.write (outp) conn.close%>4. Asp.net, VB Razor dan SQL Lite Code Instances
@{Response.appendHeader ("Access-Control-Allow-Origin", "*") Response.AppendHeader ("tipe konten", "Aplikasi/json") var db = database.open ("northwind"); var query = db.Query ("Select CompanyName, City, country dari pelanggan"); var outp = " kueri) {jika outp <> "" lalu outp = outp + "," outp = outp + "{" + c + "name" + c + ":" + c + @row.companyname + c + "," outp = outp + c + "city" + c + ":" + c + @row.city + c + "," outp = @ @ @ @":" + c + @row.city + c + "," outp = @ @ @"c + c + c + c + @row + c +", " c + "}"} outp = "{" + c + "Records" + c + ": [" + outp + "]}"@outpDi atas adalah kompilasi bahan SQL AngularJS. Kami akan terus menambahkannya nanti. Saya berharap ini dapat membantu teman yang belajar.