يوفر AngularJS عنصر تحكم HTTP $ ، والذي يمكنه قراءة البيانات من الخادم كخدمة. يمكن للخادم إجراء مكالمة قاعدة بيانات للحصول على سجلات. يتطلب AngularJS بيانات بتنسيق JSON. بمجرد أن تكون البيانات جاهزة ، يمكن لـ $ HTTP الحصول على بيانات من الخادم بالطريقة التالية.
وظيفة StudentController (Scope $ ، $ http) {var url = "data.txt" ؛ $ http.get (url) .sccess (function (response) {$ scope.students = response ؛}) ؛}هنا ، سجلات الطالب الواردة في data.txt. تمكن خدمة HTTP $ AJAX من الاتصال وتعيين الخصائص لطلابها. يمكن استخدام نموذج "الطالب" لرسم جداول HTML.
مثال
data.txt
[{"name": "Mahesh Parashar" ، "Rollno": 101 ، "النسبة المئوية": "80 ٪"} ، {"name": "dinkar kad" ، Joe "،" Rollno ": 111 ،" النسبة المئوية ":" 77 ٪ "}]testangularjs.html
<html> <head> <title> يشمل Angular JS </title> <style> Table ، TH ، TD {Border: 1px Solid Gray ؛ حدود الحدود: الانهيار. Padding: 5px ؛} Table Tr: Nth-Child (Odd) {background-color: #f2f2f2 ؛} tram tr: nth-child (حتى) {background-color: #ffffff ؛} </style> </head> <body> <h2> angularjs تطبيق عينة </h2> <div ng-app = " <h> الاسم </th> <th> Roll no </h> <th> النسبة المئوية </th> </tr> <tr ng-repeat = "student in student </tr> </lood> </viv> <script> function studentController ($ scope ، $ http) {var url = "data.txt" ؛ $ http.get (url) .sccess (function (response) {$ scope.students = reponse ؛}) ؛الإخراج
لتشغيل هذا المثال ، تحتاج إلى نشر textangularjs.html ، data.txt إلى خادم ويب. افتح خادم طلب textangularjs.html في متصفح الويب باستخدام عنوان URL. النتائج كما يلي:
ما سبق هو فرز المعلومات الأساسية لـ AngularJS Ajax. سنستمر في فرز المعلومات ذات الصلة في المستقبل. شكرا لك على دعمك لهذا الموقع!