AngularJS XMLHTTPREQUEST
$ http adalah layanan inti di AngularJS yang membaca data dari server jarak jauh.
Baca file JSON
Berikut ini adalah file JSON yang disimpan di server 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 ":" mexico "}, {" name ":" ernst handel "," city ":" graz "," country ":" austria "}, {" name ":" fissa fabrica inter. "Barcelona", "Country": "Spanyol"}, {"name": "Island Trading", "City": "Cowes", "Country": "UK"}, {"Name": "Königlich Essen", "City": "Brandenburg", "Country": "Jerman"}, "" nama ":" LAUG BAUG "," Jerman}, "" NAMA ":" "LAUG BAUG", "Jerman}," " "Vancouver", "Country": "Canada"}, {"Name": "Magazzini Alimentari Riuniti", "City": "Bergamo", "Country": "Italia"}, {"nama": "utara/selatan," Kota ":" London "," Negara ":" UK "}," "{" "{" "{" "{" "{" {"" {"{" uk "{" UK "{" uk, " "Paris", "Country": "France"}, {"Name": "Rattlesnake Canyon Grocery", "City": "Albuquerque", "Country": "USA"}, {"Name": "Simons Bistro", "City": "København", "country" ":" "Dentro": "The Denmark": "The Denmons": "The Dentro": "The Dentro": "The Dentro": "The Countro": "" "" "Portland", "country": "usa"}, {"name": "vaffeljernet", "city": "Århus", "country": "denmark"}, {"name": "wolski zajazd", "city": "warszawa"AngularJS $ http
AngularJS $ http adalah layanan yang digunakan untuk membaca data di server web.
$ http.get (url) adalah fungsi yang digunakan untuk membaca data server.
Instance 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> <bod-Ng-pransp = "con"> </script> </head> <body> <bod-Ng-pransp = "non"> </script> </head> <day> <body> "myg-app =" non "> </script> </head> <body> <bod- div-Pr-por ="> </script> </head> <body> <bod- div <li ng-repeat = "x in name"> {{x.name + ',' + x.country}} </li> </ul> </div> <script> var app = angular.module ('myapp', []); app.controller ('customersctrl', function ($ scope, $ htttp) {customersctrl ' $ http.get ("http://www.runoob.com/try/angularjs/data/customers_json.php") .success (fungsi (respons) {$ scope.names = response.records;});}); </script> </body> </htm;Hasil Menjalankan:
Analisis Aplikasi:
Catatan: Permintaan GET dari kode di atas adalah server dari situs ini. Anda tidak dapat menyalinnya langsung ke operasi lokal Anda. Akan ada masalah lintas domain. Solusinya adalah
Salin data customer_json.php ke server Anda sendiri, dengan solusi terbaik untuk masalah domain lintas php Ajax.
Aplikasi AngularJS didefinisikan oleh NG-APP. Aplikasi dieksekusi dalam <VET>.
Petunjuk NG-Controller mengatur nama objek pengontrol.
Fungsi Pelanggan Controller adalah konstruktor objek JavaScript standar.
Objek pengontrol memiliki properti: $ scope.names.
$ http.get () membaca data JSON statis dari server web.
File data server adalah: http://www.runoob.com/try/angularjs/data/customers_json.php.
Ketika data JSON dimuat dari server, $ scope.names menjadi array.
Catatan: Kode di atas juga dapat digunakan untuk membaca data basis data.
Di atas adalah kompilasi informasi AngularJS XMLHTTPREQUEST, dan kami akan terus menambahkannya nanti, berharap dapat membantu teman yang membutuhkan.