AngularJS xmlhttprequest
$ http ist ein Kerndienst in AngularJs, der Daten von Remote -Servern liest.
Lesen Sie JSON -Dateien
Im Folgenden finden Sie die auf dem Webserver gespeicherte JSON -Datei:
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 "," Land ":" Mexiko "}, {" Name ":" Ernst Händel "," Stadt ":" Graz "," Land ":" Österreich "}, {" Name ":" Fissa Fabrica 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" : "Canada"},{"Name" : "Magazzini Alimentari Riuniti","City" : "Bergamo","Country" : "Italy"},{"Name" : "North/South","City" : "London","Country" : "UK"},{"Name" : "Paris spécialités","City" : "Paris","Country" : "France"},{"Name" : "Rattlesnake Canyon Grocery","City" : "Albuquerque","Country" : "USA"},{"Name" : "Simons bistro","City" : "København","Country" : "Denmark"},{"Name" : "The Big Cheese","City" : "Portland", "Land": "USA"}, {"Name": "Vaffeljernet", "Stadt": "Århus", "Land": "Dänemark"}, {"Name": "Wolski Zajazd", "Stadt": "Warszawa", "Land": "Poland"}]}}}}}}}AngularJS $ http
AngularJS $ http ist ein Dienst, mit dem Daten auf einem Webserver gelesen werden.
$ http.get (URL) ist eine Funktion, mit der Serverdaten gelesen werden.
AngularJS -Instanz
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" <ul> <li ng-repeat = "x in Namen"> {{X.Name + ',' + x.country}} </li> </ul> </div> <script> var app = angular.module ('myapp', []); $ http.get ("http://www.runoob.com/try/angularjs/data/customers_json.php") .success (Funktion (Antwort) {$ scope.names = response.Records;});});Auslaufergebnisse:
Anwendungsanalyse:
Hinweis: Die Get -Anforderung des obigen Codes ist der Server dieser Website. Sie können es nicht direkt in Ihren örtlichen Betrieb kopieren. Es wird Cross-Domänen-Probleme geben. Die Lösung ist zu
Kopieren Sie die Daten customer_json.php auf Ihren eigenen Server, wobei die beste Lösung für PHP AJAX Cross-Domain-Problem ist.
AngularJS-Anwendungen werden durch NG-App definiert. Die Anwendung wird in <div> ausgeführt.
Die NG-Controller-Direktive legt den Namen des Controller-Objekts fest.
Der Funktion Customer CONTROLLER ist ein Standard -JavaScript -Objektkonstruktor.
Das Controller -Objekt verfügt über eine Eigenschaft: $ scope.names.
$ http.get () liest statische JSON -Daten vom Webserver.
Die Serverdatendatei lautet: http://www.runoob.com/try/angularjs/data/customers_json.php.
Wenn JSON -Daten aus dem Server geladen werden, wird $ scope.names zu einem Array.
Hinweis: Der obige Code kann auch zum Lesen von Datenbankdaten verwendet werden.
Das obige ist eine Zusammenstellung von AngularJS XMLHTTPrequest -Informationen, und wir werden sie später weiter hinzufügen, in der Hoffnung, Freunden in Not zu helfen.