AngularJS bietet $ HTTP -Steuerung, mit dem Daten vom Server als Dienst gelesen werden können. Der Server kann einen Datenbankanruf tätigen, um Datensätze zu erhalten. AngularJS benötigt Daten im JSON -Format. Sobald die Daten fertig sind, kann $ http auf folgende Weise Daten vom Server abrufen.
Funktion studentController ($ scope, $ http) {var url = "data.txt"; $ http.get (url) .success (Funktion (Antwort) {$ scope.studentents = response;});}Hier sind die in Data.txt enthaltenen Schülerakten. Mit dem $ HTTP -Dienst ermöglicht AJAX, Immobilien für seine Schüler anzurufen und festzulegen. Mit dem "Student" -Modell kann HTML -Tabellen gezeichnet werden.
Beispiel
Data.txt
[{"Name": "mahesh parashar", "rollno": 101, "prozentual": "80%"}, {"name": "dinkar kad", "rollno": 201, "prozentual": "70%"}, {"Name": "Robert", "Rollno": 191, "Prozent": "Prozent": "Prozent": "Prozent": "Prozent": "prozentuiert": "prozentage": "prozentage": "prozentage": "prozentage": " Joe "," Rollno ": 111," Prozentsatz ":" 77%"}]testangularJs.html
<html> <Head> <titels> Angular JS enthält </title> <style> Tabelle, td, td {Border: 1px solide grau; Grenzkollapse: Zusammenbruch; Padding: 5px;} Tabelle Tr: n-te-child (ungerade) {Hintergrundfarbe: #f2f2f2;} Tabelle Tr: N-Child (sogar) {Hintergrundfarbe: #FFFFFF; <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> </table> </div> <script> Funktion studentController ($ scope, $ http) {var url = "data.txt"; $ http.get (url) .success (function (response) {$ scope.studentents = response;});} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.min.js.js"> </body> </body> </bytml>Ausgabe
Um dieses Beispiel auszuführen, müssen Sie TextangularJs.html, Data.txt auf einem Webserver bereitstellen. Öffnen Sie den textangularJs.html -Anforderungsserver in einem Webbrowser mit der URL. Die Ergebnisse sind wie folgt:
Das obige ist die grundlegende Informationssortierung von AngularJs Ajax. Wir werden in Zukunft weiterhin relevante Informationen aussortieren. Vielen Dank für Ihre Unterstützung für diese Seite!