AngularJS XmlHttprequest
$ HTTP هي خدمة أساسية في AngularJS تقرأ البيانات من الخوادم البعيدة.
اقرأ ملفات JSON
فيما يلي ملف JSON المخزن على خادم الويب:
http://www.runoob.com/try/angularjs/data/customers_json.php
{"السجلات": [{"name": "alfreds futterkiste" ، "City": "Berlin" ، "Country": "Germany"} ، {"name": df "،" Country ":" Mexico "} ، {" Name ":" Ernst Handel "،" City ":" Graz "،" Country ": "Barcelona" ، "Country": "Spain"} ، {"Name": "Island Trading" ، "City": "Cowes" ، "Country": "UK"} ، {"name": "Königlich Essen : "كندا"} ، {"name": "Magazzini alimentari riuniti" ، "City": "Bergamo" ، "Country": "Italy" ، {"name": "North/South" ، "City": "London" ، "France"} ، {"name": "Rattlesnake Canyon Grocery" ، "City": "Albuquerque" ، "Country": "USA"} ، {"name": "USA"} ، {"name": "Vaffeljernet" ، "City": "Århus" ، "Country": "Denmark" ، {"Name": "Wolski Zajazd" ، "City":AngularJS $ http
AngularJS $ HTTP هي خدمة تستخدم لقراءة البيانات على خادم الويب.
$ http.get (url) هي وظيفة تستخدم لقراءة بيانات الخادم.
مثيل AngularJS
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js ng-controller = "clientsctrl"> <ul> <li ng-repeat = "x in names"> {{x.name + '،' + x.country}} </li> </ul> </viv> <script> var app = Angular.Module ('myapp' ، []) ؛ $ http.get ("http://www.runoob.com/try/angularjs/data/customers_json.php")نتائج التشغيل:
تحليل التطبيق:
ملاحظة: طلب الحصول على الرمز أعلاه هو خادم هذا الموقع. لا يمكنك نسخها مباشرة إلى عمليتك المحلية. سيكون هناك مشاكل في المجال. الحل هو
انسخ بيانات العملاء _json.php إلى الخادم الخاص بك ، مع أفضل حل لمشكلة المجال المتقاطع PHP AJAX.
يتم تعريف تطبيقات AngularJS بواسطة NG-App. يتم تنفيذ الطلب في <viv>.
يقوم توجيه NG-Controller بتعيين اسم كائن وحدة التحكم.
الوظيفة CustomerController هي مُنشئ كائن JavaScript قياسي.
يحتوي كائن وحدة التحكم على خاصية: $ scope.names.
$ http.get () يقرأ بيانات json ثابتة من خادم الويب.
ملف بيانات الخادم هو: http://www.runoob.com/try/angularjs/data/customers_json.php.
عندما يتم تحميل بيانات JSON من الخادم ، تصبح الأسماء $. الأسماء صفيفًا.
ملاحظة: يمكن أيضًا استخدام الرمز أعلاه لقراءة بيانات قاعدة البيانات.
ما سبق هو عبارة عن مجموعة من معلومات AngularJS XMLHTTPrequest ، وسنستمر في إضافتها لاحقًا ، على أمل مساعدة الأصدقاء المحتاجين.