AngularJS SQL
يمكن أيضًا استخدام الرمز في الفصل السابق لقراءة البيانات في قاعدة البيانات.
احصل على بيانات من MySQL باستخدام PHP
مثيل 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> <style> ، td {الحدود: حدود الحدود: الانهيار. Padding: 5px ؛} Table Tr: nth-child (Odd) {background-color: #f1f1f1 ؛} tram tr: nth-child (old) {background-color: #ffffff ؛} </style> </head> <body> <div ng-app = "myapp" <td> {{x.name}}} </td> <td> {{x.country}} </td> </tr> </table> </viv> <script> var app = angular.module ('myapp' ، []) ؛ $ http.get ("/try/angularjs/data/customer_mysql.php") .Spuccess (function (response) {$ scope.names = response.records ؛}) ؛}) ؛ </script> </body> </html>نتائج التشغيل:
| ألفريدز فوتتركيست | ألمانيا |
| Ana Trujillo emparedados y Held | المكسيك |
| أنطونيو مورينو تاوريا | المكسيك |
| حول القرن | المملكة المتحدة |
| مشروبات ب | المملكة المتحدة |
| Berglunds snabbköp | السويد |
| بلوير انظر Delikatessen | ألمانيا |
| شقراء père et fils | فرنسا |
| Bólido Comidas Wreparedas | إسبانيا |
| تطبيق بون | فرنسا |
| تسويق الدولار السفلي | كندا |
| Cactus Comidas Para Llevar | الأرجنتين |
| Centro comercial moctezuma | المكسيك |
| Chop-Suey الصينية | سويسرا |
| Comércio Mineiro | البرازيل |
تنفيذ SQL في ASP.NET للحصول على البيانات
مثيل 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> <style> ، td {الحدود: حدود الحدود: الانهيار. Padding: 5px ؛} Table Tr: nth-child (Odd) {background-color: #f1f1f1 ؛} tram tr: nth-child (حتى) {background-color: #ffffff ؛} </style> </head> الأسماء "> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </lood> </viv> <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 ؛}) ؛نتائج التشغيل:
| ألفريدز فوتتركيست | ألمانيا |
| Berglunds snabbköp | السويد |
| Centro comercial moctezuma | المكسيك |
| إرنست هاندل | النمسا |
| Fissa Fabrica Inter. Salchichas SA | إسبانيا |
| Galería del Gattrónomo | إسبانيا |
| تداول الجزيرة | المملكة المتحدة |
| Königlich Essen | ألمانيا |
| يضحك أقبية نبيذ باخوس | كندا |
| Magazzini Alimentari Riuniti | إيطاليا |
| الشمال/الجنوب | المملكة المتحدة |
| باريس spécialités | فرنسا |
| أفعى أفعى البقالة | الولايات المتحدة الأمريكية |
| سيمونز بيسترو | الدنمارك |
| الجبن الكبير | الولايات المتحدة الأمريكية |
| Vaffeljernet | الدنمارك |
| وولسكي زاجزد | بولندا |
رمز الخادم
فيما يلي يسرد العديد من أنواع التعليمات البرمجية من جانب الخادم:
استخدم PHP و MySQL. يعود JSON.
استخدام PHP و MS Access. يعود JSON.
استخدم ASP.NET و VB و MS Access. يعود JSON.
استخدم ASP.NET ، Razor ، و SQL Lite. يعود JSON.
طلبات HTTP المتقاطع
إذا كنت بحاجة إلى الحصول على بيانات من خوادم مختلفة (أسماء مجالات مختلفة) ، فأنت بحاجة إلى استخدام طلبات HTTP عبر المجال.
طلبات المجال المتقاطع شائعة جدًا على صفحات الويب. تقوم العديد من صفحات الويب بتحميل CSS ، الصور ، نصوص JS ، إلخ من الخوادم المختلفة.
في المتصفحات الحديثة ، لأمن البيانات ، تقتصر جميع الطلبات تمامًا على نفس اسم المجال. إذا كنت بحاجة إلى الاتصال بالبيانات من مواقع مختلفة ، فيجب حلها من خلال المجال المتقاطع.
يتم تشغيل رمز PHP التالي باستخدام موقع الويب للوصول عبر المجال.
رأس ("Access-Control-arigin: *") ؛
لمزيد من حلول الوصول عبر المجال ، راجع: أفضل حلول لمشكلات PHP Ajax عبر المجال.
1. مثيلات رمز PHP و MySQL
<؟ phpheader ("Access-Control-allow-Origin: *") ؛ header ("نوع المحتوى: application/json ؛ charset = utf-8") ؛ $ conn = new mysqli ("myserver" ، "country" ، "myuser" ، "mypassword" ، "" $ outp. = '"City": "'. $ rs [" City "]." "،" ؛ $ outp. = '"country": "'. $ rs [" Country "]." "} '؛ } $ outp = '{"السجلات": ['. $ outp. ']}' ؛ $ conn-> close () ؛ echo ($ outp) ؛؟>2. مثيلات رمز الوصول إلى PHP و MS
<؟ phpheader ("Access-Control-allow-Origin: *") ؛ header ("content-type: application/json ؛ charset = iso-8859-1") ؛ $ conn = new com ("adodb.connection") ؛ $ conn- $ conn-> تنفيذ ("Select CompanyName ، City ، Country من العملاء") ؛ $ outp = "" ؛ بينما (! $ rs-> eof) {if ($ outp! = "") {$ outp. = "،" ؛} $ outp. = '{"name": $ outp. = '"City": "'. $ rs [" City "]." "،" ؛ $ outp. = '"country": "'. $ rs [" Country "]." "} '؛ $ rs-> movenext () ؛} $ outp = '{"السجلات": ['. $ outp. ']}' ؛ $ conn-> close () ؛ echo ($ outp) ؛؟>3. مثيلات رمز الوصول ASP.NET و VB و MS
<٪@@ استيراد اسم الاستيراد = "system.io" ٪> <٪@@ استيراد اسم الاستيراد = "system.data" ٪> <٪@@ استيراد اسم الاستيراد = "system.data.oledb" ٪> <٪ response.appendheader ("Access-control-allow-Origin" ، "*". كما OLEDBDATAADAPTERDIM abjtable مثل datatabledim objrow مثل dataRowdim objdataset كـ dataset stet () dim outpdim cconn = new OledBconnection ( العملاء "، conn) objadapter.fill (objdataset ،" mytable ") objtable = objdataset.tables (" mytable ") outp =" "c = chr (34) لكل x في objtable.rowsif outp <>" "ثم outp =" X ("CompanyName") & C & "،" Outp = Outp & C & "City" & C & "]}" استجابة. write (outp) conn.close ٪>4. مثيلات رمز ASP.NET و VB Razor و SQL Lite
@{response.appendHeader ("Access-Control-allow-Origin" ، "*") reponse.appendheader ("نوع المحتوى" ، "التطبيق/json") var db = database.open ( Query) {if outp <> "" then outp = outp + "،" outp = outp + "{" + c + "name" + c + ": C + "}"} outp = "{" + c + "السجلات" + c + ": [" + Outp + "]}"@Outpما سبق هو تجميع مواد AngularJS SQL. سوف نستمر في إضافتها لاحقًا. آمل أن يساعد الأصدقاء الذين يدرسون.