Latest web development tutorials

AngularJS Http

$ Http AngularJS est un service de base pour la lecture des données à partir d' un serveur distant.

Lire fichier JSON

Ce qui suit est un fichier JSON stocké sur un serveur web:

http://www.w3big.com/try/angularjs/data/sites.php

{ "Sites": [ { "Nom": "tutorial", "Url": "www.w3big.com ", "Pays": "CN" }, { "Nom": "Google", "Url": "www.google.com", "Pays": "USA" }, { "Nom": "Facebook", "Url": "www.facebook.com", "Pays": "USA" }, { "Nom": "microblogging", "Url": "www.weibo.com ", "Pays": "CN" } ] }

AngularJS $ http

AngularJS $ http service est utilisé pour lire des données sur un serveur web.

$ Http.get function (url) est utilisé pour lire le serveur de données.

AngularJS exemples

<Div ng-app = "myApp" ng-controller = "siteCtrl"> <Ul> <Li ng-repeat = "x dans les noms "> {{x.Name + ',' + x.Country}} </ li> </ Ul> </ Div> <Script> var app = angular.module ( 'myApp', []); app.controller ( 'siteCtrl', function ($ portée, $ http) {$ http.get ( "http://www.w3big.com /try/angularjs/data/sites.php ") .success (function (réponse ) {$ scope.names = response.sites;});}); </ script>

Essayez »

Analyse d'application:

? Remarque: obtenir un code de demande ci-dessus est le serveur de site, vous ne pouvez pas être copié directement à votre course locale, il y aura problème inter-domaines, la solution consiste à copier les données Customers_JSON.php à votre propre serveur, avec: PHP Ajax problème cross-domain la meilleure solution.

AngularJS application définie par ng-app. l'exécution de l'application dans le <div> dans.

instruction ng-contrôleur défini contrôleur nom de l' objet.

fonction CustomersController est un constructeur standard objet JavaScript.

L'objet de contrôleur possède une propriété: $ scope.names.

$ Http.get () lit les données JSON statiques à partir du serveur Web.

fichier de données du serveur: http://www.w3big.com/try/angularjs/data/sites.php .

Lors du chargement de données JSON à partir du serveur, $ scope.names dans un tableau.

note Ce code peut également être utilisé pour lire les données de base de données.