Latest web development tutorials

AngularJS Http

$ AngularJS HTTP é um serviço de núcleo para a leitura de dados a partir de um servidor remoto.

Leia o arquivo JSON

O que se segue é um arquivo JSON armazenado em um servidor web:

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

{ "Sites": [ { "Nome": "tutorial", "URL": "www.w3big.com ", "País": "CN" }, { "Nome": "Google", "URL": "www.google.com", "País": "EUA" }, { "Nome": "Facebook", "URL": "www.facebook.com", "País": "EUA" }, { "Nome": "microblogging", "URL": "www.weibo.com ", "País": "CN" } ] }

AngularJS $ http

AngularJS $ http serviço é usada para ler dados em um servidor web.

$ Http.get função (URL) é utilizado para ler o servidor de dados.

AngularJS exemplos

<Div ng-app = "myApp" ng-controller = "siteCtrl"> <Ul> <Li ng-repeat = "x em nomes "> {{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 (function (resposta ) {$ scope.names = response.sites;});}); </ script>

tente »

Análise de aplicações:

? Nota: obter um código de pedido acima é o servidor do site, você não pode ser copiado diretamente para a sua corrida local, haverá problema cross-domain, a solução é copiar dados Customers_JSON.php para o seu próprio servidor, com: PHP Ajax problema de domínio cruzado a melhor solução.

AngularJS aplicação definida por ng-app. a execução de aplicativos na <div> em.

instruções ng-controlador de definir o nome do objeto controlador.

função CustomersController é um construtor padrão objeto JavaScript.

O objeto controlador tem uma propriedade: $ scope.names.

$ Http.get () lê os dados JSON estáticos a partir do servidor web.

arquivo de dados do servidor: http://www.w3big.com/try/angularjs/data/sites.php .

Ao carregar dados JSON do servidor, $ scope.names em uma matriz.

nota Este código pode também ser usado para ler os dados da base de dados.