Olá,
Eu queria saber como eu faço uma requisição POST
para uma url com o angularJS e também queria saber como eu transformo um objeto javascript normal para um json, para enviar nessa requisição.
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeOlá,
Eu queria saber como eu faço uma requisição POST
para uma url com o angularJS e também queria saber como eu transformo um objeto javascript normal para um json, para enviar nessa requisição.
Você pode usar o serviço $http
do AngularJS.
No seu controller, declare a dependência do serviço $http
:
.controller('TesteCtrl', ['$scope', '$http', function($scope, $http){ ...
O seu objeto javascript (jsonObj
neste exemplo) pode ser enviado diretamente. O Angular vai fazer a serialização automaticamente antes de enviá-lo:
var jsonObj = { campo1: "teste", campo2 : 123 };
$http.post('/url-da-requisicao', jsonObj)
.success(function(data, status, headers, config) {
// sucesso!
// data agora contém o que foi retornado pelo servidor
})
.error(function(data, status, headers, config) {
// erro!
// você pode verificar o parâmetro "status" para ver o código HTTP do erro
});
Nota:
Por padrão, o Content-type
do post usado pelo angular é application/json
. Caso seu servidor esteja usando PHP, você não vai conseguir ler diretamente os dados recebidos em JSON. Veja aqui uma solução.
Em AngularJS você pode enviar solicitações de AJAX de diversas formas:
AngularJS & JSONP
Exemplo de uma chamada JSONP com a url setada:
var url = http://jenkov.com/theService.json?callback=JSON_CALLBACK ";
var responsePromise = $ http.jsonp (url,
{params: {
p1: "v1"
,p2: "v2"
}
}
);
responsePromise.success (function (data) {
// faz alguma coisa com o objeto JavaScript
// (no parâmetro "data").
});
Estude: https://docs.angularjs.org/api/ng/service/$http