AngularJS ให้การควบคุม $ http ซึ่งสามารถอ่านข้อมูลจากเซิร์ฟเวอร์เป็นบริการ เซิร์ฟเวอร์สามารถโทรหาฐานข้อมูลเพื่อรับเรคคอร์ด AngularJS ต้องการข้อมูลในรูปแบบ JSON เมื่อข้อมูลพร้อมแล้ว $ http สามารถรับข้อมูลจากเซิร์ฟเวอร์ด้วยวิธีต่อไปนี้
ฟังก์ชั่น StudentController ($ scope, $ http) {var url = "data.txt"; $ http.get (url) .success (ฟังก์ชั่น (การตอบสนอง) {$ scope.students = การตอบสนอง;});}ที่นี่บันทึกนักเรียนที่มีอยู่ใน data.txt บริการ $ http ช่วยให้ Ajax สามารถโทรและตั้งค่าคุณสมบัติสำหรับนักเรียน รุ่น "นักเรียน" สามารถใช้ในการวาดตาราง HTML
ตัวอย่าง
data.txt
[{"ชื่อ": "Mahesh Parashar", "Rollno": 101, "เปอร์เซ็นต์": "80%"}, {"ชื่อ": "Dinkar Kad", "Rollno": 201, "เปอร์เซ็นต์": "70%" Joe "," Rollno ": 111," เปอร์เซ็นต์ ":" 77%"}]testangularjs.html
<html> <head> <title> angular js รวมถึง </title> <style> ตาราง, th, td {border: 1px solid grey; การล่มสลายของชายแดน: การล่มสลาย; Padding: 5px;} ตาราง tr: nth-child (คี่) {พื้นหลังสี: #f2f2f2;} ตาราง tr: nth-child (แม้) {พื้นหลัง-สี: #ffffff;} </style> </head> <body> <h2> <tr> <th> ชื่อ </th> <th> ม้วนไม่มี </th> <th> เปอร์เซ็นต์ </th> </tr> <tr ng-repeat = "นักเรียนในนักเรียน"> <td> {{student.name}} </td> <td> </tr> </table> </div> <script> function studentController ($ scope, $ http) {var url = "data.txt"; $ http.get (url) .success (ฟังก์ชั่น (การตอบสนอง) {$ scope.students = response;});} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.minเอาท์พุท
ในการเรียกใช้ตัวอย่างนี้คุณต้องปรับใช้ textangularjs.html, data.txt ไปยังเว็บเซิร์ฟเวอร์ เปิดเซิร์ฟเวอร์คำขอ textangularjs.html ในเว็บเบราว์เซอร์โดยใช้ URL ผลลัพธ์มีดังนี้:
ข้างต้นคือการเรียงลำดับข้อมูลพื้นฐานของ AngularJS AJAX เราจะจัดเรียงข้อมูลที่เกี่ยวข้องต่อไปในอนาคต ขอบคุณสำหรับการสนับสนุนเว็บไซต์นี้!