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
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2012
    Messages
    27
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2012
    Messages : 27
    Points : 20
    Points
    20
    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 éminent sénior
    Avatar de Marco46
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2005
    Messages
    4 413
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2005
    Messages : 4 413
    Points : 19 609
    Points
    19 609
    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.
    Un problème avec Git ? Essayez la FAQ, sinon posez votre question sur le forum.



    "Toute personne croyant qu'une croissance exponentielle peut durer indéfiniment dans un monde fini est soit un fou, soit un économiste."
    Kenneth E. Boulding

    "Les richesses naturelles sont inépuisables, car, sans cela, nous ne les obtiendrions pas gratuitement. Ne pouvant être ni multipliées ni épuisées, elles ne sont pas l’objet des sciences économiques."
    Jean-Baptiste Say, Traité d'économie politique, 1803.

    "/home/earth is 102% full ... please delete anyone you can."
    Inconnu

  3. #3
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2012
    Messages
    27
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2012
    Messages : 27
    Points : 20
    Points
    20
    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

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