Latest web development tutorials

AngularJS Http

$ Http AngularJS es un servicio central para la lectura de datos desde un servidor remoto.

Leer archivo JSON

El siguiente es un archivo JSON almacenados en un servidor web:

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

{ "Sitios": [ { "Nombre": "tutorial", "URL": "www.w3big.com ", "País": "CN" }, { "Nombre": "Google", "URL": "www.google.com", "País": "EE.UU." }, { "Nombre": "Facebook", "URL": "www.facebook.com", "País": "EE.UU." }, { "Nombre": "microblogging", "URL": "www.weibo.com ", "País": "CN" } ] }

AngularJS $ http

AngularJS $ http servicio se utiliza para leer los datos en un servidor web.

$ Http.get función (url) se utiliza para leer el servidor de datos.

AngularJS ejemplos

<Div ng-app = "myApp" ng-controller = "siteCtrl"> <Ul> <Li ng-repeat = "x en los nombres "> {{x.Name + ',' + x.Country}} </ li> </ Ul> </ Div> <Script> var app = angular.module ( 'myApp', []); app.controller ( 'siteCtrl', function ($ ámbito, http $) {$ http.get ( "http://www.w3big.com /try/angularjs/data/sites.php ") .success (función (respuesta ) {$ scope.names = response.sites;});}); </ script>

Trate »

Análisis de la aplicación:

? Nota: obtener un código de solicitud anterior es el servidor del sitio, no se puede copiar directamente en su carrera local, no habrá problema de dominios cruzados, la solución consiste en copiar los datos Customers_JSON.php a su propio servidor, realizado con tecnología PHP Ajax problema de dominios cruzados la mejor solución.

AngularJS aplicación definida por ng-app. ejecución de la aplicación en el <div> en.

de instrucciones ng-controlador de referencia del controlador nombre del objeto.

CustomersController función es un objeto constructor de JavaScript estándar.

El objeto controlador tiene una propiedad: $ scope.names.

$ Http.get () lee los datos JSON estáticas desde el servidor web.

archivo de datos del servidor: http://www.w3big.com/try/angularjs/data/sites.php .

Al cargar los datos JSON desde el servidor, $ scope.names en una matriz.

nota Este código también se puede utilizar para leer datos de base de datos.