AngularJS SQL
Der Code im vorherigen Kapitel kann auch zum Lesen von Daten in der Datenbank verwendet werden.
Erhalten Sie Daten von MySQL mit PHP
AngularJS -Instanz
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min Grenzkollapse: Zusammenbruch; Padding: 5px;} Tabelle Tr: N-te-Kind (ungerade) {Hintergrundfarbe: #f1f1f1;} Tabelle Tr: N-Child (sogar) {Hintergrundfarbe: #FFFFFF; <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </table> </div> <script> var app = angular.module ('MyApp', []; $ http.get ("/try/Angularjs/data/customer_mysql.php") .success (Funktion (Antwort) {$ scope.names = response.records;});}); </script> </body> </html>Auslaufergebnisse:
| Alfreds Futterkiste | Deutschland |
| Ana Trujillo sparedados y hidos | Mexiko |
| Antonio Moreno Taquería | Mexiko |
| Um das Horn | Vereinigtes Königreich |
| Bs Getränke | Vereinigtes Königreich |
| Berglunds Snabbköp | Schweden |
| Blauer Siehe Delikatessen | Deutschland |
| Blondel Père et Fils | Frankreich |
| Bólido comidas prepedas | Spanien |
| Bon App ' | Frankreich |
| Bottom-Dollar-Markt | Kanada |
| Kaktus comidas para llevar | Argentinien |
| Centro Comercial Moctezuma | Mexiko |
| Chop-Suy Chinese | Schweiz |
| Comércio mineiro | Brasilien |
Führen Sie SQL in ASP.NET aus, um Daten zu erhalten
AngularJS -Instanz
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min Grenzkollapse: Zusammenbruch; Padding: 5px;} Tabelle Tr: N-te-Kind (ungerade) {Hintergrundfarbe: #f1f1f1;} Tabelle Tr: N-Child (sogar) {Hintergrundfarbe: #FFFFFF; Namen "> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </table> </div> <script> var app = angular.module ('myApp', []); app.controller ('customerCTRL ($CTRLLE) ($ $ accope, $ scope, $ $ scope, $ scope, $ $ http) {{$CTRL ($ ore $ http.get ("http://www.runoob.com/try/angularjs/data/customers_sql.aspx") .success (Funktion (Antwort) {$ scope.names = response.records;});});Auslaufergebnisse:
| Alfreds Futterkiste | Deutschland |
| Berglunds Snabbköp | Schweden |
| Centro Comercial Moctezuma | Mexiko |
| Ernst Händel | Österreich |
| Fissa Fabrica Inter. Salchichas Sa | Spanien |
| Galería del Gastrónomo | Spanien |
| Inselhandel | Vereinigtes Königreich |
| Königlich Essen | Deutschland |
| Lachende Bacchus -Weinkeller | Kanada |
| Magazzini Alimentari Riuniti | Italien |
| Nord/Süd | Vereinigtes Königreich |
| Paris Spécialités | Frankreich |
| Rattlesnake Canyon Lebensmittelgeschäft | USA |
| Simons Bistro | Dänemark |
| Der große Käse | USA |
| Vaffeljernet | Dänemark |
| Wolski Zajazd | Polen |
Servercode
Im Folgenden sind mehrere serverseitige Code-Typen aufgeführt:
Verwenden Sie PHP und MySQL. Gibt JSON zurück.
Verwenden Sie PHP und MS Access. Gibt JSON zurück.
Verwenden Sie ASP.NET, VB und MS Access. Gibt JSON zurück.
Verwenden Sie ASP.NET, Razor und SQL Lite. Gibt JSON zurück.
Cross-Domain-HTTP-Anfragen
Wenn Sie Daten von verschiedenen Servern (verschiedene Domain-Namen) abrufen müssen, müssen Sie Cross-Domain-HTTP-Anforderungen verwenden.
Cross-Domänen-Anfragen sind auf Webseiten sehr häufig. Viele Webseiten laden CSS, Bilder, JS -Skripte usw. von verschiedenen Servern.
In modernen Browsern sind alle Anfragen für die Datensicherheit streng auf denselben Domainnamen beschränkt. Wenn Sie Daten von verschiedenen Websites aufrufen müssen, muss diese durch Cross-Domain gelöst werden.
Der folgende PHP-Code wird mit der Website für den Cross-Domain-Zugriff ausgeführt.
Header ("Access-Control-Allow-Origin: *");
Weitere Cross-Domain-Zugangslösungen finden Sie unter: Beste Lösungen für PHP AJAX-Cross-Domain-Probleme.
1. PHP- und MySQL -Codeinstanzen
<? Phpheader ("Access-Control-Allow-Origin: *"); Header ("Inhaltstyp: Anwendung/JSON; Charset = UTF-8"); ""; $ outp. = '"Stadt": "'. $ rs [" Stadt "]. '",'; $ outp. = '"Land": "'. $ rs [" Land "]. '"}'; } $ outp = '{"Datensätze": ['. $ outp. ']}'; $ conn-> close (); echo ($ outp);?>2. PHP- und MS -Zugriffscode -Instanzen
<? Phpheader ("Access-Control-Allow-Origin: *"); Header ("Inhaltstyp: Anwendung/JSON; CharSet = ISO-8859-1"); $ conn-> execute ("select CompanyName, Stadt, Land von Kunden"); $ outp = ""; while (! $ rs-> eof) {if ($ outp! $ outp. = '"Stadt": "'. $ rs [" Stadt "]. '",'; $ outp. = '"Land": "'. $ rs [" Land "]. '"}'; $ rs-> moveNext ();} $ outp = '{"records": ['. $ outp. ']}'; $ conn-> close (); echo ($ outp);?>1. ASP.NET, VB und MS Access Code Instances
<%@ Importieren namespace = "system Als OLEDBDATAADAPTERDIM ALS DATABELTEIM OBJROW ALS DATAROWDIM Objdataset als neuer Datensatz () Dim Outpdim cconn = new oledbConnection ("Provider = microsoft.jet.oledb.4.0; Data Source = Northwind.mdb"). 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 & "& C & X (" Country ") & C &"} "NextoutP =" {"& C & C & x (c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c & c. "]}" response.write (outp) conn.close%>4. ASP.NET, VB Razor und SQL Lite Code -Instanzen
@{Response.Appendheader ("Access-Control-Alow-Origin", "*") response.appendheader ("Content-Type", "Anwendung/JSON") var db = database.open ("Northwind"); var query = db.query ("Select CompanyName, City, Land von Customs von Customs"); 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 + "]}"@outpDas obige ist die Zusammenstellung von AngularJs SQL -Materialien. Wir werden sie später weiter hinzufügen. Ich hoffe, es kann Freunden helfen, die studieren.