Angularjs SQL
Код в предыдущей главе также может использоваться для чтения данных в базе данных.
Получите данные из MySQL с помощью PHP
AngularJs Extance
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <style> Table, Th, td {граница: 1px Solid; пограничный коллапс: коллапс; Надо: 5px;} таблица Tr: nth-child (ODD) {фоновый цвет: #f1f1f1;} table tr: nth-child (даже) {фоновый цвет: #ffffff;} </style> </head> <body> <div ng-app = "myApp" ng-controller = "custryctrl"> <table> <tr ng-rup <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </table> </div> <script> var app = angular.module ('myApp', []); App.controller ('custom $ http.get ("/try/angularjs/data/custry_mysql.php") .success (function (response) {$ scope.names = response.records;});}); </script> </body> </html>Результаты работы:
| Альфредс Футтеркист | Германия |
| Ana Trujillo Emparedados y Holdos | Мексика |
| Антонио Морено Такерия | Мексика |
| Вокруг рога | Великобритания |
| B напитки | Великобритания |
| Berglunds Snabbköp | Швеция |
| Блауэр См. Деликатесен | Германия |
| Blondel père et fils | Франция |
| Bólido Comidas Sdepas | Испания |
| Bon App ' | Франция |
| Рынок в нижней долей | Канада |
| Кактус comidas para llevar | Аргентина |
| Centro Comercial Moctezuma | Мексика |
| Чоп-суюи китайцы | Швейцария |
| Comércio mineiro | Бразилия |
Выполнить SQL в ASP.NET, чтобы получить данные
AngularJs Extance
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <style> Table, Th, td {граница: 1px Solid; пограничный коллапс: коллапс; Подкладка: 5px;} таблица Tr: nth-child (ODD) {фоновый цветореал: #f1f1f1;} table tr: nth-child (vesh имена "> <Td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </table> </div> <script> var app = angular.module ('myApp', []); $ http.get ("http://www.runoob.com/try/angularjs/data/customers_sql.aspx") .success (function (response) {$ scope.names = response.records;});}); </script> </boys> </html>;}); </script> </body> </html>;Результаты работы:
| Альфредс Футтеркист | Германия |
| Berglunds Snabbköp | Швеция |
| Centro Comercial Moctezuma | Мексика |
| Эрнст Гендель | Австрия |
| Fissa Fabrica Inter. Salchichas sa | Испания |
| Galería del Gastrónomo | Испания |
| Островная торговля | Великобритания |
| Königlich Essen | Германия |
| Смех в винные погреба Bacchus | Канада |
| MAGAZZINI ALIMENTARI RIUNITI | Италия |
| Север/Юг | Великобритания |
| Paris Spécialités | Франция |
| Продуктовый магазин каньон | США |
| Саймонс Бистро | Дания |
| Большой сыр | США |
| Vaffeljernet | Дания |
| Вольски Заязд | Польша |
Код сервера
В следующем перечислены несколько типов кода на стороне сервера:
Используйте PHP и MySQL. Возвращает JSON.
Используйте PHP и MS Access. Возвращает JSON.
Используйте доступ ASP.NET, VB и MS. Возвращает JSON.
Используйте ASP.NET, Razor и SQL Lite. Возвращает JSON.
Крестовые http-запросы
Если вам нужно получить данные с разных серверов (разные доменные имена), вам необходимо использовать HTTP-запросы междомена.
Поперечные запросы очень распространены на веб-страницах. Многие веб -страницы загружают CSS, картинки, сценарии JS и т. Д. с разных серверов.
В современных браузерах, для безопасности данных, все запросы строго ограничены тем же доменным именем. Если вам нужно вызовать данные с разных сайтов, их необходимо решить через междомен.
Следующий PHP-код работает с использованием веб-сайта для доступа к междомену.
Заголовок ("Контроль доступа-аульоригин: *");
Для получения дополнительных решений для кросс-доменного доступа см. Лучшие решения для перекрестных задач PHP AJAX.
1. экземпляры кода PHP и MySQL
<? Phphader ("Access-Control-allow-Origin: *"); Header ("Content-Type: Application/json; charset = utf-8"); $ conn = new Mysqli ("myserver", "myuser", "MyPassword", "Northwind"); $ result Conn-> Query ("Select Company, Corty, Counts"); "; while ($ rs = $ result-> fetch_array (mysqli_assoc)) {if ($ outp! =" ") {$ outp. =", ";} $ outp. = '{" name ":". $ rs ["companyName"].' ", '; $ outp. = '"city": ". $ rs [" city "].'", '; $ utp. = '"Страна": ". $ RS [" Страна "].'"} '; } $ outp = '{"records": ['. $ outp. ']}'; $ conn-> close (); echo ($ utp);?>2. экземпляры кода доступа PHP и MS
<? Phphader ("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"); $ conn-> execute ("Select CompanyName, City, страна от клиентов"); $ outp = ""; while (! $ rs-> eof) {if ($ outp! $ outp. = '"city": ". $ rs [" city "].'", '; $ utp. = '"Страна": ". $ RS [" Страна "].'"} '; $ rs-> movenext ();} $ outp = '{"records": ['. $ outp. ']}'; $ conn-> close (); echo ($ utp);?>3. ASP.NET, VB и MS CODE ACTES
<%@ Import namespace = "System.io"%> <%@ import namespace = "system.data"%> <%@ import namespace = "system.data.oledb"%> <%response.appendeder ("Access-Control-Ollow-Origin", "*") Ответ. Поскольку oledbdataAdapterdim objtable как datababledim objrow как dataRowdim objdataset в качестве нового набора данных () dim outpdim cconn = new oledbconnection ("поставщик = microsoft.jet.oledb.4.0; Клиенты ", conn) objadapter.fill (objdataset," mytable ") objtable = objdataset.tables (" mytable ") outp =" "c = chr (34) для каждого x in objtable. x ("CompanyName") & C & "," Outp = Outp & C & "City" & C & ":" & C & X ("City") & "," Outp = Outp & C & "Country" & C & ":" & C & X ("Country") & "}" nextoutp = "{" & c & "& c &": " "]}" response.write (outp) conn.close%>4. ASP.NET, VB RAZOR и SQL LITE CODE экземпляры
@{Response.appendheader ("access-control-allow-origin", "*") response.appendeder ("content-type", "Application/json") var db = база данных. Query) {если 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 + " + @ @Crot. c + "}"} outp = "{" + c + "Records" + c + ": [" + outp + "]}"@outpВышеуказанное - сборник материалов AngularJS SQL. Мы продолжим добавлять их позже. Я надеюсь, что это может помочь друзьям, которые учится.