Angularjs xmlhttprequest
$ http est un service de base dans AngularJS qui lit les données des serveurs distants.
Lire les fichiers JSON
Ce qui suit est le fichier JSON stocké sur le serveur Web:
http://www.runoob.com/try/angularjs/data/Customesrs_json.php
{"Records": [{"name": "Alfreds Futerkiste", "City": "Berlin", "Country": "Allemagne"}, {"Name": "Bergluds Snabbköp", "City": "Luleå", "Country": "Sweden"}, {"Name": "Centro Comercial Mocttezuma", "City": "Méico" DF "," Country ":" Mexico "}, {" Name ":" Ernst Handel "," City ":" Graz "," Country ":" Austria "}, {" Name ":" Fissa Fabrica Inter. "Barcelone", "Country": "Espagne"}, {"Name": "Island Trading", "City": "Cowes", "Country": "UK"}, {"Name": "Königlich Essen", "City": "Brandenburg", "Country": "Germany"}, {"Name": "Laugh Bacchus Wine Cell : "Canada"}, {"Name": "Magazzini Alimentari Riuniti", "City": "Bergamo", "Country": "Italie"}, {"Name": "North / South", "City": "Londres", "Country": "UK"}, {"Name": "Paris Spécites", "City": "Paris", "Country": "Paris Specialits", "City": "Paris", "Country": Paris Spécites "," City ":" Paris "," Country ". "France"}, {"name": "RattlesNake Canyon Grocery", "City": "Albuquerque", "Country": "USA"}, {"Nom": "Simons Bistro", "City": "København", "Country": "Denmark"}, {"Nom": "The Big Cheese", "City": "Portland", "County "USA"}, {"name": "vaffeljernet", "ville": "Århus", "country": "Danemark"}, {"name": "wolski zajazd", "ville": "Warszawa", "country": "polonAngularjs $ http
Angularjs $ http est un service utilisé pour lire des données sur un serveur Web.
$ http.get (URL) est une fonction utilisée pour lire les données du serveur.
Instance angularjs
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </ head> <corps <ul> <li ng-repeat = "x in noms"> {{x.name + ',' + x.country}} </li> </ul> </div> <script> var app = angular.module ('myApp', []); app.Controller ('CustomerCtrl', function ($ Scope, $ http) { $ http.get ("http://www.runoob.com/try/angulaireRésultats en cours:
Analyse des applications:
Remarque: La demande GET du code ci-dessus est le serveur de ce site. Vous ne pouvez pas le copier directement sur votre opération locale. Il y aura des problèmes de domaine croisé. La solution est de
Copiez les données clients_jon.php sur votre propre serveur, avec la meilleure solution au problème du domaine croisé PHP AJAX.
Les applications AngularJS sont définies par NG-App. L'application est exécutée dans <v>.
La directive NG-contrôleur définit le nom de l'objet contrôleur.
La fonction Customer Controller est un constructeur d'objets JavaScript standard.
L'objet Contrôleur a une propriété: $ Scope.Names.
$ http.get () lit les données JSON statiques à partir du serveur Web.
Le fichier de données du serveur est: http://www.runoob.com/try/angularjs/data/Customesrs_json.php.
Lorsque les données JSON sont chargées à partir du serveur, $ scope.Names devient un tableau.
Remarque: Le code ci-dessus peut également être utilisé pour lire les données de la base de données.
Ce qui précède est une compilation d'informations AngularJS XMLHTTPREQUEST, et nous continuerons à l'ajouter plus tard, dans l'espoir d'aider les amis dans le besoin.