AngularJS fournit un contrôle HTTP $, qui peut lire les données du serveur en tant que service. Le serveur peut passer un appel de base de données pour obtenir des enregistrements. AngularJS nécessite des données au format JSON. Une fois les données prêtes, $ http peut obtenir des données du serveur de la manière suivante.
fonction StudentController ($ scope, $ http) {var url = "data.txt"; $ http.get (URL) .success (fonction (réponse) {$ scope.students = réponse;});}Ici, les enregistrements des étudiants contenus dans data.txt. Le service $ HTTP permet à Ajax d'appeler et de définir des propriétés pour ses étudiants. Le modèle "Student" peut être utilisé pour dessiner des tables HTML.
exemple
data.txt
[{"Name": "Mahesh Parashar", "Rollno": 101, "pourcentage": "80%"}, {"Name": "Dinkar Kad", "Rollno": 201, "pourcentage": "70%"}, {"Name": "Robert", "Rollno": "191," pourcentage ":" 75% "}, {": "Julian," pour pourcent Joe "," rollno ": 111," pourcentage ":" 77% "}]testangularjs.html
<html> <éad- head> <itle> js angulaire inclut </title> <style> table, th, td {border: 1px gris solide; Border-Collapse: s'effondrer; padding: 5px;} table tr: nth-child (odd) {background-color: # f2f2f2;} table tr: nth-child (même) {background-color: #ffffff;} </ style> </-head> <body> <h2> Angularjs Exemple de demande </h2> <div ng-app = "" ng-control <h> name </ th> <th> roll no </th> <th> pourcentage </th> </tr> <tr ng-repeat = "Student in Students"> <td> {{student.name}} </td> <td> {{student.rollNo}} </td> <td> {{Student.percentage}} </tr> </ table> </div> <cript> fonction étudiantController ($ scope, $ http) {var url = "data.txt"; $ http.get (url) .success (function (réponse) {$ scope.students = réponse;});} </ script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </cript>Sortir
Pour exécuter cet exemple, vous devez déployer Textangularjs.html, data.txt sur un serveur Web. Ouvrez le serveur de demande TextangularJs.html dans un navigateur Web à l'aide de l'URL. Les résultats sont les suivants:
Ce qui précède est le tri des informations de base d'AngularJS AJAX. Nous continuerons à régler les informations pertinentes à l'avenir. Merci pour votre soutien pour ce site Web!