Tuto AngularJS

Requêtes ajax avec AngularJS

Les requêtes Ajax de type Post et Get avec AngularJS se créent facilement à l'aide du service "http". Voici deux exemples de requêtes Ajax vers une page web hébergée sur un serveur. Le premier exemple utilise la méthode "GET" et le deuxième exemple utilise la méthode "POST".

Requête HTTP GET AngularJS

var app = angular.module('exempleApp', []);
app.controller('exempleCtrl', function($scope, $http) {
    $http.get("remotefile.htm")
   .then(function(response) {
        console.log(response.data);
    }, function(response) {
        console.log("ça ne marche pas du tout...");
    });
});

Requête HTTP POST AngularJS

//Exemple d'envoi de données de type JSON
var app = angular.module('exempleApp', []);
app.controller('exempleCtrl', function($scope, $http) {
    var postData = {"ville" : "Paris", "Pays":"France"};
    var headers = {'Content-Type': "application/json"};

    $http({method: "POST", url: "remotefile.html", headers: headers, data: JSON.stringify(postData)})
   .then(function(response) {
        console.log(response.data);
    }, function(response) {
        console.log("ça ne marche pas du tout...");
    });
});