Предисловие
$ http service: он просто инкапсулирует нативный объект браузера XMLHttpRequest и получает параметр. Этот параметр является объектом, который содержит содержимое конфигурации, используемое для генерации HTTP -запросов. Эта функция возвращает объект promise с success и методами error .
Используйте сценарии услуги $ http:
var promise = $ http ({метод: «post», // может быть Get, post, pot, delete, head, jsonp; обычно используется get, posturl: "./ data.json", // party party party: {'name': 'lisa'}, // Pass Parameters, String Map или Object Oping Poste? Запрос, отправьте двоичные данные и используйте объект Blob.}). Успех (function (data) {// Ответ успешно выполнен}). Ошибка (function (data) {// Ответ ответ (ответ возвращается в состоянии ошибки)}) then() функция: вы можете использовать функцию then() для обработки обратного вызова услуги $ HTTP. then() функция принимает две необязательные функции в качестве параметров для представления обработки при success или состоянии error . Вместо этого вы также можете использовать обратные вызовы success и error :
then(successFn, errFn, notifyFn) , удается ли promise успешным или сбоем, когда результат доступен, then сразу же вызывает successFn или errFn асинхронно. Этот метод всегда вызывает функцию обратного вызова с одним параметром: результат или причиной отклонения.
Прежде чем promise будет выполнено или отклонено, обратный вызов notifyFn может быть вызван от 0 до нескольких раз, чтобы предоставить подсказку для состояния процесса.
Special.Then (function (resp) {// вызывается, когда ответ успешным, Resp - это объект ответа}, function (resp) {// вызывается, когда ответ не удастся, RESP имеет сообщение об ошибке}); RESP (объект ответа), полученный функцией then() содержит 5 свойств:
1. Данные (строка или объект): корпус ответа
2. Статус: соответствующий код состояния HTTP, такой как 200
3. Заголовки (функция): функция Getter с информацией заголовка, которая может принять параметр для получения значения соответствующего имени.
4. config (объект): генерирует полный объект настройки исходного запроса
5. Statustext: соответствующий текст статуса HTTP, такой как "OK"
Или используйте метод success/error , используйте
// успешно обрабатывать spect.success (function (данные, состояние, заголовки, config) {// обработка успешного ответа}); // Обработка ошибок Orders.Error (функция (данные, состояние, заголовки, конфигурация) {// Обработка несущественного ответа});Примеры использования:
index.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>$http request test </title> <script src="../js/angular.js"></script> <script src="app.js"></script></head><body><div data-ng-app="myApp" data-ng-controller = "myAppController" data-ng-init = "loaddata ()"> <table> <thead> <tr> <th> name </th> <Th> свойства </th> </tr> </tbody> <tbody> <tr Data-ng-repeat = "data in mydata"> <td> {{data. <td> {{data.attr}} </td> </tr> </tbody> </table> </div> </body> </html>app.js
var myhttpapp = angular.module ("myApp", []); myhttpapp.controller ("myAppController", function ($ q, $ http, $ acpope) {var deffer = $ q.defer (); var data = new Blob ([{"name": "zhangsan"}) $ http ({method: "post", url: "./ data.json", cache: true}). успех (function (data) {deffer.resolve (data);}). error (function (data) {deffer.reject (data);}) обещание. /*fromise.success (function (data) {$ scope.mydata = data;})* /}})data.json
[{"name": "zhangsan", "attr": "china"}, {"name": "lisa", "attr": "usa"}, {"name": "bob", "attr": "uk"}, {"name": "jecy", "attr": "jepan"}]]результат:
Объект resp возвращается при вызове функции then() :
Суммировать
Обычно используемые приложения и параметры услуги $ HTTP в AngularJ в основном закончились. Я надеюсь, что содержание этой статьи будет полезно для всех, чтобы научиться использовать AngularJS. Если у вас есть какие -либо вопросы, пожалуйста, оставьте сообщение для общения.