Angularjs xmlhttprequest
$ HTTP es un servicio central en AngularJS que lee datos de servidores remotos.
Leer archivos JSON
El siguiente es el archivo JSON almacenado en el servidor web:
http://www.runoob.com/try/angularjs/data/customers_json.php
{"records":[{"Name" : "Alfreds Futterkiste","City" : "Berlin","Country" : "Germany"},{"Name" : "Berglunds snabbköp","City" : "Luleå","Country" : "Sweden"},{"Name" : "Centro comercial Moctezuma","City" : "México Df "," país ":" México "}, {" Nombre ":" Ernst Handel "," Ciudad ":" Graz "," País ":" Austria "}, {" Nombre ":" Fissa Fabrica Inter. "Barcelona","Country" : "Spain"},{"Name" : "Island Trading","City" : "Cowes","Country" : "UK"},{"Name" : "Königlich Essen","City" : "Brandenburg","Country" : "Germany"},{"Name" : "Laughing Bacchus Wine Cellars","City" : "Vancouver","Country" : "Canadá"}, {"Nombre": "Magazzini Alimentari Riuniti", "Ciudad": "Bergamo", "País": "Italia"}, {"Nombre": "Norte/Sur", "Ciudad": "Londres", "País": "Reino Unido",}, {"Nombre": "Paris Spquisités", "Ciudad": "Paris": "País", "", "País", "," País ":": "País": ":" Nombre: " "Francia"}, {"Nombre": "Rattlesnake Canyon Grocery", "Ciudad": "Albuquerque", "País": "USA"}, {"Nombre": "Simons Bistro", "Ciudad": "København", "País": "Dinamarca"}, {"Nombre": "The Big Chees "USA"}, {"Nombre": "Vaffeljernet", "Ciudad": "Århus", "País": "Dinamarca"}, {"Nombre": "Wolski Zajazd", "Ciudad": "Warszawa", "País": "Polonia"}]}Angularjs $ http
AngularJS $ HTTP es un servicio utilizado para leer datos en un servidor web.
$ http.get (URL) es una función utilizada para leer datos del servidor.
Instancia de angularjs
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <divphap-app = "myapp" ng "ng" ngcontrler " <ul> <li ng-repeat = "x in names"> {{x.name + ',' + x.country}} </li> </ul> </div> <script> var app = angular.module ('myapp', []); app.controller ('clientesctrl', function ($ scope, $ http) { $ http.get ("http://www.runoob.com/try/angularjs/data/customers_json.php") .success (function (respuesta) {$ scope.names = respuesta.records;});}); </script> </body> </html>Resultados de ejecución:
Análisis de la aplicación:
Nota: La solicitud GET del código anterior es el servidor de este sitio. No puede copiarlo directamente a su operación local. Habrá problemas de dominio cruzado. La solución es
Copie los datos de clientes_json.php a su propio servidor, con la mejor solución al problema de dominio de PHP AJAX.
Las aplicaciones AngularJS se definen por NG-APP. La aplicación se ejecuta en <Viv>.
La Directiva NG-Controller establece el nombre del objeto del controlador.
La función CustomerController es un constructor de objeto JavaScript estándar.
El objeto del controlador tiene una propiedad: $ scope.names.
$ http.get () lee datos JSON estáticos del servidor web.
El archivo de datos del servidor es: http://www.runoob.com/try/angularjs/data/customers_json.php.
Cuando los datos JSON se cargan desde el servidor, $ scope.names se convierte en una matriz.
Nota: El código anterior también se puede usar para leer datos de la base de datos.
Lo anterior es una compilación de la información de AngularJS xmlhttprequest, y continuaremos agregándola más tarde, con la esperanza de ayudar a los amigos necesitados.