Latest web development tutorials

AngularJS Http

$ Http AngularJS adalah layanan inti untuk membaca data dari server jauh.

Membaca file JSON

Berikut ini adalah file JSON disimpan pada web server:

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

{ "Situs": [ { "Nama": "tutorial", "Url": "www.w3big.com ", "Negara": "CN" }, { "Nama": "Google", "Url": "www.google.com", "Negara": "USA" }, { "Nama": "Facebook", "Url": "www.facebook.com", "Negara": "USA" }, { "Nama": "microblogging", "Url": "www.weibo.com ", "Negara": "CN" } ] }

AngularJS $ http

AngularJS $ http layanan digunakan untuk membaca data pada web server.

$ Http.get (url) adalah fungsi yang digunakan untuk membaca data server.

AngularJS contoh

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

Coba »

Aplikasi Analisis:

? Catatan: mendapatkan kode permintaan atas adalah server situs, Anda tidak dapat disalin langsung ke run lokal Anda, akan ada masalah lintas-domain, solusinya adalah untuk menyalin data Customers_JSON.php ke server Anda sendiri, dengan: PHP Ajax masalah lintas-domain solusi terbaik.

AngularJS aplikasi didefinisikan oleh ng-aplikasi. eksekusi aplikasi di <div> di.

ng-controller set instruksi pengontrol nama objek.

Fungsi CustomersController adalah standar JavaScript objek konstruktor.

Objek controller memiliki properti: $ scope.names.

$ Http.get () membaca data JSON statis dari web server.

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

Ketika loading data JSON dari server, $ scope.names ke dalam array.

catatan Kode ini juga dapat digunakan untuk membaca data database.