Angularjs SQL
El código en el capítulo anterior también se puede usar para leer datos en la base de datos.
Obtener datos de MySQL usando PHP
Instancia de angularjs
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <syle> table, th, td {borde: 1px sólido sólido; Colapso de borde: colapso; relleno: 5px;} tabla tr: nth-child (impar) {background-color: #f1f1f1;} tabla tr: nth-child (incluso) {background-color: #ffffff;} </style> </head> <body> <divng-app = "myapp" ng-concroller = "clientsctrl"> <play> <tr ng-repeat = "x ines" <TD> {{x.name}} </td> <td> {{x.country}} </td> </tr> </table> </div> <script> var app = angular.module ('myapp', []); app.controller ('científicosctrl', function ($ scope, $ http) {] $ http.get ("/try/angularjs/data/chows_mysql.php") .success (function (respuesta) {$ scope.names = respuesta.records;});}); </script> </body> </html>Resultados de ejecución:
| Alfreds Futterkiste | Alemania |
| Ana Trujillo Emparedados y Holdos | México |
| Antonio Moreno Taquería | México |
| Alrededor de la bocina | Reino Unido |
| Bebidas de B | Reino Unido |
| Berglunds snabbköp | Suecia |
| Blauer ver Delikatessen | Alemania |
| Blondel Père et fils | Francia |
| Bólido Comidas preparado | España |
| Aplicación BON ' | Francia |
| Marketse de dólar inferior | Canadá |
| Cactus comidas para lllevar | Argentina |
| Moctezuma de centro comercial | México |
| Chino-suey chino | Suiza |
| Comércio mineiro | Brasil |
Ejecutar SQL en ASP.NET para obtener datos
Instancia de angularjs
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <syle> table, th, td {borde: 1px sólido sólido; Colapso de borde: colapso; relleno: 5px;} tabla tr: nth-child (impar) {en segundo plano: #f1f1f1;} tabla tr: nth-child (incluso) {en segundo plano: #ffffff;} </style> </head> <body> <div ng-app = "myapp" ng-confontroller = "clientsctrl"> <play> <tr ng-repeat ÚN Nombres "> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </table> </div> <script> var app = angular.module ('myapp', []); app.controller ('cotsCtrl', function ($ scope, $ http) { $ http.get ("http://www.runoob.com/try/angularjs/data/customers_sql.aspx") .success (function (respuesta) {$ scope.names = Response.records;});}); </script> </body> </html>Resultados de ejecución:
| Alfreds Futterkiste | Alemania |
| Berglunds snabbköp | Suecia |
| Moctezuma de centro comercial | México |
| Ernst Handel | Austria |
| Fissa Fabrica Inter. Salchichas sa | España |
| Galería del Gastrónomo | España |
| Comercio de isla | Reino Unido |
| Königlich Essen | Alemania |
| Risas Bacchus Wine Cellars | Canadá |
| Magazzini Alimentari Riuniti | Italia |
| Norte/Sur | Reino Unido |
| Paris spécialités | Francia |
| Supermercado | EE.UU |
| Simons Bistro | Dinamarca |
| El gran queso | EE.UU |
| Vaffeljernet | Dinamarca |
| Wolski Zajazd | Polonia |
Código de servidor
Lo siguiente enumera varios tipos de código del lado del servidor:
Use PHP y MySQL. Devuelve JSON.
Use el acceso PHP y MS. Devuelve JSON.
Use ASP.NET, VB y MS Access. Devuelve JSON.
Use ASP.NET, Razor y SQL Lite. Devuelve JSON.
Solicitudes de HTTP de dominio cruzado
Si necesita obtener datos de diferentes servidores (diferentes nombres de dominio), debe usar solicitudes HTTP de dominio cruzado.
Las solicitudes de dominio cruzado son muy comunes en las páginas web. Muchas páginas web cargan CSS, imágenes, scripts JS, etc. de diferentes servidores.
En los navegadores modernos, para la seguridad de los datos, todas las solicitudes están estrictamente limitadas al mismo nombre de dominio. Si necesita llamar a datos de diferentes sitios, debe resolverse a través del dominio cruzado.
El siguiente código PHP se ejecuta utilizando el sitio web para el acceso al dominio cruzado.
Encabezado ("Access-Control-Allow-Origin: *");
Para obtener más soluciones de acceso al dominio cruzado, consulte: Las mejores soluciones para problemas de dominio cruzado PHP AJAX.
1. Instancias de código PHP y MySQL
<? Phpheader ("Access-Control-Allow-Origin: *"); Header ("Content-type: Application/JSON; Charset = Utf-8"); $ Conn = new MySqli ("myServer", "myUSer", "mypassword", "northwind"); $ súper = $ conn-> Qualy ("Select Name, City, City, Country, País"); ""; while ($ rs = $ result-> fetch_array (mysqli_assoc)) {if ($ outp! = "") {$ outp. = ",";} $ outp. = '{"name": "'. $ rs [" CompanyName "]." ", '; $ outp. = '"ciudad": "'. $ rs [" ciudad "]. '",'; $ outp. = '"país": "'. $ rs [" país "]. '"}'; } $ outp = '{"registros": ['. $ outp. ']}'; $ Conn-> Close (); Echo ($ outp) ;?>2. Instancias de código de acceso PHP y MS
<? Phpheader ("Access-Control-Alow-Origin: *"); Header ("Content-type: Application/JSON; Charset = ISO-8859-1"); $ Conn = new Com ("ADODB.Connection"); $ Conn-> Open ("Provider = Microsoft.Jet.OnB.4.0; Data Source = Northwindb"); $ conn-> ejecute ("seleccione CompanyName, City, Country de los clientes"); $ outp = ""; while (! $ rs-> eof) {if ($ outp! = "") {$ outp. = ",";} $ outp. = '{"nombre": "'. $ rs [" CompanyName "]." ";";;; $ outp. = '"ciudad": "'. $ rs [" ciudad "]. '",'; $ outp. = '"país": "'. $ rs [" país "]. '"}'; $ rs-> movedEXT ();} $ outp = '{"registros": ['. $ outp. ']}'; $ Conn-> Close (); Echo ($ outp) ;?>3. ASP.NET, VB y MS Acceso a instancias de código
<%@ Importación de nombres = "System.io"%> <%@ importación de nombres = "System.Data"%> <%@ importación de nombres = "System.Data.OLEDB"%> <%Response.AppendHeader ("Access-Control-ALLOW-ELIGIN", "*"*") Appendheader (" Content-Type "," Aplicación/JSON ") DiMeM ConnectionDim CONNEdtEdBonnEdtim. OleDbDataAdapterDim objTable As DataTableDim objRow As DataRowDim objDataSet As New DataSet()Dim outpDim cconn = 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) para cada x en objTable.rowsif outp <> "" luego outp = outp & "," outp = outp & "&" name "& c &": "(" ("" ("" ("(outp =") & c & "," outp = outp & c & "city" & c & ":" & c & x ("ciudad") & c & "," outp = outp & c & "country" & c & ":" & c & x ("country") & c & "}" nextOutp = "{" & c & "registros" & c & ": [" & outp & "]}}}" write (outp)4. ASP.NET, VB Razor y SQL Lite Code Instancias de código
@{Response.AppendHeader ("Access-Control-Allow-Origin", "*") Response.AppendHeader ("Content-type", "Application/JSON") var db = database.open ("northwind"); var query = db.query ("seleccione Company, ciudad, país de los clientes"); var outp = "var c = Chr (34)@para query) {if outp <> "" entonces outp = outp + "," outp = outp + "{" + c + "nombre" + c + ":" + c + @row.comPanyName + c + "," outp = outp + c + "ciudad" + c + ":" + c + @ @ @city + c + c + c + c + "country" c + "}" "} outp =" {" + c +" registros " + c +": [" + outp +"]} "@outpLo anterior es la compilación de los materiales SQL AngularJS. Continuaremos agregándolos más tarde. Espero que pueda ayudar a los amigos que estudian.