Latest web development tutorials

angularjs http

$ Http angularjs jest usługą rdzenia do odczytywania danych z serwera zdalnego.

Czytaj plik JSON

Poniżej znajduje się plik JSON przechowywane na serwerze WWW:

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

{ "Miejsca": [ { "Nazwa": "tutorial", "WWW": "www.w3big.com ", "Kraj": "CN" }, { "Nazwa": "Google", "WWW": "www.google.com", "Kraj": "USA" }, { "Nazwa": "Facebook", "WWW": "www.facebook.com", "Kraj": "USA" }, { "Nazwa": "mikroblogowania", "WWW": "www.weibo.com ", "Kraj": "CN" } ] }

Angularjs $ http

Angularjs $ http Usługa służy do odczytu danych na serwerze WWW.

$ Http.get function (URL) służy do odczytu danych z serwera.

angularjs przykłady

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

Spróbuj »

Analiza Zastosowanie:

? Uwaga: uzyskać kod Żądanie powyższe jest serwer stronie, nie mogą być kopiowane bezpośrednio do lokalnego przebiegu, nie będzie problemem w wielu domenach, rozwiązaniem jest skopiowanie danych Customers_JSON.php na własny serwer, wraz z: PHP Ajax problem cross-domain najlepszym rozwiązaniem.

Angularjs aplikacja określona przez NG-app. Wykonanie aplikacji w elemencie <div> w.

Instrukcja ng kontroler ustawiony kontroler nazwę obiektu.

CustomersController funkcja jest standardowym celem konstruktora JavaScript.

Przedmiotem kontroler ma właściwość: $ scope.names.

$ Http.get () odczytuje dane statyczne JSON z serwera WWW.

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

Podczas ładowania danych JSON z serwera, $ scope.names do tablicy.

uwaga Kod ten może być również stosowany do odczytu danych bazy danych.