Prefácio
Serviço $ http: ele simplesmente encapsula o objeto XMLHttpRequest nativo do navegador do navegador e recebe um parâmetro. Este parâmetro é um objeto que contém o conteúdo de configuração usado para gerar solicitações HTTP. Esta função retorna um objeto promise com métodos success e error .
Use cenários do serviço $ http:
var prometo = $ http ({método: "post", // pode ser get, postar, colocar, excluir, cabeça, jsonp; comumente usado é get, posturl: "./ data.json", // solicitar o caminho dos parâmetros: {'name': 'lisa'}, // passa parâmetros, string map ou o objeto: e converti? solicitação, envie dados binários e use o objeto BLOB.}). Sucesso (function (dados) {// Resposta operada com sucesso}). Error (function (dados) {// Resposta falhou (resposta retornada em um estado de erro) Operação}) then() função: você pode usar a função then() para lidar com o retorno de chamada do serviço $ http. then() a função aceita duas funções opcionais como parâmetros para representar o processamento quando success ou error . Você também pode usar retornos de chamada de success e error :
then(successFn, errFn, notifyFn) , se promise é bem -sucedida ou falha, quando o resultado estiver disponível, then chama imediatamente successFn ou errFn de maneira assíncrona. Esse método sempre chama a função de retorno de chamada com um parâmetro: o resultado ou o motivo da rejeição.
Antes de promise ser executada ou rejeitada, notifyFn pode ser chamado de 0 a várias vezes para fornecer um prompt para o estado do processo.
promete.then (function (resp) {// chamado Quando a resposta é bem -sucedida, resp é um objeto de resposta}, function (resp) {// chamado quando a resposta falha, resp tem uma mensagem de erro}); O RESP (objeto de resposta) recebido pela função then() contém 5 propriedades:
1. Dados (string ou objeto): corpo de resposta
2. Status: o código de status HTTP correspondente, como 200
3. Cabeçalhos (função): uma função getter com informações do cabeçalho, que pode aceitar um parâmetro para obter o valor do nome correspondente.
4. Config (objeto): gera o objeto de configuração completo da solicitação original
5. Statustext: o texto de status HTTP correspondente, como "OK"
Ou use o método success/error , use
// lide com êxito Promise.Success (função (dados, status, cabeçalhos, config) {// Processando a resposta bem-sucedida}); // LIDADE DE ERRO Promise.error (function (dados, status, cabeçalhos, config) {// Processando resposta não consolativa});Exemplos de uso:
index.html
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> $ http request teste </title> <script src = "../ js/angular.js"> </script> <script src = "app.js"> data-ng-controller = "myAppController" data-ng-init = "loadData ()"> <table> </té-the- thead> <tr> <th> name </th> <th> propriedades </th> <amm> </tbody> <tbody> <trate-ng-repeat = "Data em mydata"> <tbody> {Tdbody> <tbody> <trate-ng-repeat = "Data in mydata"> <tbody> <tbody> <tbody> <trate-ng-repeat = "Data in myData"> <td> {{data.attr}} </td> </tr> </tbody> </itlay> </div> </body> </html>App.js
var myhttpapp = angular.module ("myApp", []); myhttpapp.controller ("myAppController", função ($ q, $ http, $ scope) {var deffer = $ q.defer (); var data = new BLOB ({"Name": "Zhhanks $ http ({Método: "post", url: "./ data.json", cache: true}). sucess (function (data) {Deffer.Resolve (data);}). Error (function (data) {deffer.reject (data);}) prometo.then (function (data) {scope.my. /*promise.success (function (data) {$ scope.mydata = data;})* /}})data.json
[{"Nome": "Zhangsan", "Att": "China"}, {"Name": "Lisa", "Att": "USA"}, {"Name": "Bob", "Att": "UK"}, {"Name": "Jecy", "Att attr": "Jepan"}]resultado:
O objeto resp retornou ao chamar a função then() :
Resumir
Os aplicativos e parâmetros comumente usados do serviço $ http nos angulares estão basicamente. Espero que o conteúdo deste artigo seja útil para que todos aprendam a usar o AngularJs. Se você tiver alguma dúvida, deixe uma mensagem para se comunicar.