AngularJS menyediakan kontrol $ http, yang dapat membaca data dari server sebagai layanan. Server dapat melakukan panggilan basis data untuk mendapatkan catatan. AngularJS membutuhkan data dalam format JSON. Setelah data siap, $ HTTP dapat memperoleh data dari server dengan cara berikut.
function studentController ($ scope, $ http) {var url = "data.txt"; $ http.get (url) .success (function (response) {$ scope.students = response;});}Di sini, catatan siswa yang terkandung dalam data.txt. Layanan $ http memungkinkan Ajax menelepon dan mengatur properti untuk para siswanya. Model "siswa" dapat digunakan untuk menggambar tabel HTML.
contoh
data.txt
[{"Nama": "Mahesh Parashar", "Rollno": 101, "Persentase": "80%"}, {"Name": "Dinkar Kad", "Rollno": 201, "Persentase": "70%"}, "7%": "Robert", "Rollno": "191," "," {70%"," ROBERT "," ROBERT "," ROBERT "," ROBERT "," ROBERT "," ROBERT "," ROBERT "," 70%" Joe "," Rollno ": 111," Persentase ":" 77%"}]testangularjs.html
<html> <head> <title> Angular JS Termasuk </title> <tyle> tabel, th, td {border: 1px solid grey; Border-Collapse: runtuh; Padding: 5px;} Tabel tr: nth-child (ganjil) {latar belakang-warna: #f2f2f2;} tabel tr: nth-child (even) {latar belakang-color: #ffffff;} </tyle> </head> <h2- "<h2> Aplikasi sampel SENDERJS </h2> <v div ng-app =" "" "" "" "" g-c = " <th>Name</th> <th>Roll No</th> <th>Percentage</th> </tr> <tr ng-repeat="student in students"> <td>{{ student.Name }}</td> <td>{{ student.RollNo }}</td> <td>{{ student.Percentage }}</td> </tr> </able> </div> <script> function studentController ($ scope, $ http) {var url = "data.txt"; $ http.get (url) .success (function (response) {$ scope.students = response;});} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.jsKeluaran
Untuk menjalankan contoh ini, Anda perlu menggunakan TextAngularJs.html, data.txt ke server web. Buka server permintaan textangularjs.html di browser web menggunakan URL. Hasilnya adalah sebagai berikut:
Di atas adalah penyortiran informasi dasar AngularJS Ajax. Kami akan terus memilah informasi yang relevan di masa depan. Terima kasih atas dukungan Anda untuk situs ini!