AngularJS xmlHttPrequest
$ http é um serviço principal no AngularJS que lê dados de servidores remotos.
Leia os arquivos JSON
A seguir, o arquivo JSON armazenado no servidor da 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 "," country ":" México "}, {" Nome ":" Ernst Handel "," City ":" Graz "," Country ":" Austria "}, {" Nome ":" Fissa Fabricante 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á"}, {"name": "magazzini alimentari riuniti", "city": "bergamo", "country": "Italy"}, {"name": "norte/sul", "paris spécial", "country": "uk"}, "{" name ":" paris spécial "" ":" country ":" uk "}," "name": "paris spécial" "": "France"},{"Name" : "Rattlesnake Canyon Grocery","City" : "Albuquerque","Country" : "USA"},{"Name" : "Simons bistro","City" : "København","Country" : "Denmark"},{"Name" : "The Big Cheese","City" : "Portland","Country" : "USA"}, {"Name": "Vaffeljernet", "City": "Århus", "Country": "Dinamarca"}, {"Name": "Wolski Zajazd", "City": "Warszawa", "Country": "Poland"}], "AngularJS $ http
AngularJS $ HTTP é um serviço usado para ler dados em um servidor da Web.
$ http.get (URL) é uma função usada para ler os dados do servidor.
Instância 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> </body> <body> <body> <dbody-kng ng "</script> </body> <dbody> <dbody-kng.-Ngpp. ng-Controller = "CustomerCtrl"> <ul> <li ng-repeat = "X em nomes"> {{x.name + ',' + x.country}} </li> </ul> </div> <cript> var App = angular.module ('MyApp', []); $ http.get ("http://www.runoob.com/try/angularjs/data/customers_json.php") .success (function (resposta) {$ scope.names = Response.Records;});}); </script> </corpo> </htrocords;Resultados em execução:
Análise de aplicação:
NOTA: A solicitação GET do código acima é o servidor deste site. Você não pode copiá -lo diretamente para sua operação local. Haverá problemas de domínio cruzado. A solução é
Copie os dados do CustomentS_JSON.PHP para o seu próprio servidor, com a melhor solução para o problema do PHP Ajax Cross Domain.
Os aplicativos AngularJS são definidos por NG-App. O aplicativo é executado em <div>.
A diretiva NG-Controller define o nome do objeto do controlador.
O Função CustomerController é um construtor de objeto JavaScript padrão.
O objeto do controlador possui uma propriedade: $ scope.names.
$ http.get () lê dados estáticos JSON do servidor da web.
O arquivo de dados do servidor é: http://www.runoob.com/try/angularjs/data/customers_json.php.
Quando os dados JSON são carregados do servidor, o $ Scope.Names se torna uma matriz.
Nota: O código acima também pode ser usado para ler os dados do banco de dados.
O exposto acima é uma compilação de informações do AngularJS xmlHttPrequest, e continuaremos a adicioná -las mais tarde, na esperança de ajudar os amigos necessitados.