Angularjs xmlhttprequest
$ http является основной услугой в Angularjs, которая считывает данные с удаленных серверов.
Читать файлы json
Ниже приведен файл JSON, хранящийся на веб -сервере:
http://www.runoob.com/try/angularjs/data/customers_json.php
{«Записи»: [{«Имя»: «Альфредс Футтеркист», «Город»: «Берлин», «Страна»: «Германия»}, {«Имя»: «Берглундс Снаббкккёп», «Город»: «Лулея», «Кантри»: «Sweden»}, {«name»: »:« Centro moctezum moctezama »,« Cithere »,« Cithere », {« name »:», »,« name »:« »,« name »:», », {name»: «Centro Mocteza». DF "," Country ":" Mexico "}, {" name ":" Ernst Handel "," City ":" Graz "," Country ":" Австрия "}, {" имя ":" Fissa Fabrica Inter. «Барселона», «Страна»: «Испания»}, {«Имя»: «Торговля на острове», «Город»: «Коус», «Страна»: «Великобритания»}, {«Название»: «Кенглих Эссен», «Город»: «Бранденбург», «Страна»: «Германия»}, {«Имя»: «Смеется бакчус», «Вин», «Вин», «Вин», «Вин», «Вин», «Вин», «Вин», «Вин», «Вин», «Вин», «Вин». : "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","Country" : "USA"}, {"name": "vaffeljernet", "City": "Århus", "страна": "Дания"}, {"имя": "Вольски Заязд", "Город": "Варшава", "Страна": "Польша"}]}}}}}}}}}}}}}}}}}}}}}}}}Angularjs $ http
Angularjs $ http - это служба, используемая для чтения данных на веб -сервере.
$ http.get (url) - это функция, используемая для чтения данных сервера.
AngularJs Extance
<! 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> <div ng-pp = "myapp" ng-controller = "customsctrl"> <ul> <li ng-repeat = "x в именах"> {{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 (function (response) {$ scope.names = response.records;});}); </script> </boy> </html>;Результаты работы:
Анализ применения:
Примечание. Запрос получить приведенный выше код является сервером этого сайта. Вы не можете скопировать его непосредственно в свою местную операцию. Там будут проблемы с междоменом. Решение состоит в
Скопируйте данные customs_json.php на свой собственный сервер, с наилучшим решением проблемы перекрестной доменной проблемы PHP AJAX.
Приложения AngularJS определяются NG-APP. Приложение выполняется в <div>.
Директива NG-Controller устанавливает имя объекта контроллера.
Функция CultyController - это стандартный конструктор объекта JavaScript.
Объект контроллера имеет свойство: $ scope.names.
$ http.get () читает статические данные JSON с веб -сервера.
Файл данных сервера: http://www.runoob.com/try/angularjs/data/customers_json.php.
Когда данные JSON загружаются с сервера, $ scope.names становится массивом.
Примечание. Приведенный выше код также можно использовать для чтения данных базы данных.
Выше приведено сборник информации Angularjs Xmlhttprequest, и мы продолжим добавлять ее позже, надеясь помочь друзьям в нуждающихся.