Latest web development tutorials

AngularJS Http

$ Http AngularJS è un servizio di base per la lettura dei dati da un server remoto.

Leggere il file JSON

Quanto segue è un file JSON memorizzato su un server web:

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

{ "Siti": [ { "Nome": "tutorial", "URL": "www.w3big.com ", "Nazione": "CN" }, { "Nome": "Google", "URL": "www.google.com", "Nazione": "USA" }, { "Nome": "Facebook", "URL": "www.facebook.com", "Nazione": "USA" }, { "Nome": "microblogging", "URL": "www.weibo.com ", "Nazione": "CN" } ] }

AngularJS $ http

AngularJS $ http servizio viene utilizzato per leggere i dati su un server web.

$ Http.get funzione (URL) viene utilizzata per leggere il server dati.

AngularJS esempi

<div ng-app = "myApp" ng-controllore = "siteCtrl"> <Ul> <Li ng-repeat = "x nei nomi "> {{x.Name + ',' + x.Country}} </ li> </ Ul> </ Div> <Script> var app = angular.module ( 'myApp', []); app.controller ( 'siteCtrl', function ($ portata, $ http) {$ http.get ( "http://www.w3big.com /try/angularjs/data/sites.php ") .success (function (di risposta ) {$ scope.names = response.sites;});}); </ script>

Prova »

Analisi di applicazione:

? Nota: ottenere un codice di richiesta di cui sopra è il server del sito, che non possono essere copiati direttamente alla tua corsa locale, non ci sarà problema cross-domain, la soluzione è quella di copiare i dati Customers_JSON.php per il proprio server, con: PHP Ajax problema tra domini la soluzione migliore.

AngularJS applicazione definita da NG-app. esecuzione dell'applicazione nel <div> in.

istruzioni ng-controllore impostato controllore nome dell'oggetto.

Funzione CustomersController è un costruttore oggetto JavaScript standard.

L'oggetto di controllo ha una proprietà: $ scope.names.

$ Http.get () legge i dati JSON statici dal server web.

file di dati del server: http://www.w3big.com/try/angularjs/data/sites.php .

Quando si caricano dati JSON dal server, $ scope.names in un array.

nota Questo codice può anche essere usato per leggere i dati del database.