IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AngularJS Discussion :

Requête ajax avec $http


Sujet :

AngularJS

  1. #1
    Invité
    Invité(e)
    Par défaut Requête ajax avec $http
    Bonjour à tous,

    Voila j'essai de me former à AngularJS en réalisant une todoList.
    Ce que je souhaite faire c'est en premier lieu de charger depuis une base de donnée une liste de chose à faire, en enregistrer de nouvelles, les éditer et les supprimer. Cependant j'ai réussi à lister ces fameuses tâches avec $http.get().

    Mon problème est lorsque je souhaite en créer de nouvelles via ma fonction addTodo(), l'insertion ne fonctionne pas. J'ai suivi le chemin de ma requête réalisé avec $http.post() et avec le firebug, j'ai observé que ma variable $_POST est vide. Je vous donne le code JS du controleur que j'ai créé pour ceci.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
     
    function todoCtrl($scope, filterFilter,$http){
     
    	$scope.todos = [];
    	$scope.placeholder = 'Chargement...';
     
    	$http.get('php/lister.php').success(function(data){
    		$scope.todos = data;
    		$scope.placeholder = 'Ajouter une nouvelle tâche';
    	}).error(function(){
    		$scope.placeholder = 'Erreur de chargement de données !';
    	});
     
    	$scope.$watch('todos',function(){
    		$scope.remaining = filterFilter($scope.todos, {completed:false}).length;
    		$scope.allchecked = !$scope.remaining;
    	},true)
     
    	$scope.removeTodo = function(index){
    		$scope.todos.splice(index,1);
    	}
     
    	$scope.addTodo = function(){
    		$http.post('php/add.php',{'tache':$scope.newtodo},{'Content-Type':'application/x-www-form-urlencoded'}).success(function(){
    			alert("Ajout bien réaliser");
    		}).error(function(){
    			alert('Problème d\'insertion des la tâche dans la base de données');
    		});
     
    		$scope.placeholder = '';
    	}
     
    	$scope.checkAllTodo = function(allchecked){
    		$scope.todos.forEach(function(todo){
    			todo.completed = allchecked;
    		})
    	}
    }

  2. #2
    Expert confirmé
    Avatar de Marco46
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2005
    Messages
    4 419
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2005
    Messages : 4 419
    Par défaut
    Ajoutes un console.log('angular model', $scope.newtodo); au début de ta méthode addToto() et donnes nous le résultat.

  3. #3
    Invité
    Invité(e)
    Par défaut
    Merci pour ta réponse. Alors j'ai ajouté cette ligne à mon code et m'affiche bien le contenu de $scope.newtodo. Cependant en regardant visualisant les variables globales en php, je me suis aperçu que les données envoyé en paramètre de ma requête ajax sont visibles dans la variable globale $http_RAW_POST_DATA et non dans $_POST
    Dernière modification par NoSmoking ; 14/10/2014 à 19h14. Motif: Il existe un bouton Ajouter une réponse.

Discussions similaires

  1. Réponses: 3
    Dernier message: 22/10/2010, 07h15
  2. Encoder l'url lors d'une requête ajax avec IE
    Par Tristan Zwingelstein dans le forum jQuery
    Réponses: 1
    Dernier message: 28/12/2009, 10h39
  3. [Dojo] Requête AJAX avec paramètre avec DOJO
    Par Tavarez59 dans le forum Bibliothèques & Frameworks
    Réponses: 10
    Dernier message: 19/06/2009, 13h50
  4. [JQuery] Requête ajax avec jQuery
    Par ApheX2 dans le forum jQuery
    Réponses: 3
    Dernier message: 28/08/2008, 22h40
  5. [MooTools] requête ajax avec Mootools
    Par oneTime dans le forum Bibliothèques & Frameworks
    Réponses: 1
    Dernier message: 14/04/2008, 10h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo