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 :

Envoi de données $http.post avec des headers


Sujet :

AngularJS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Décembre 2015
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Jura (Franche Comté)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2015
    Messages : 1
    Par défaut Envoi de données $http.post avec des headers
    Bonjour,

    Voila j'essai de me former sur AngularJs en réalisant une petite application qui permet d'envoyer des données avec un formulaire sous la forme JSON (avec le service $http.post) à une application en back-end qui tourne en LARAVEL 4.2.
    Le problème que j'ai c'est, que je n'arrive pas à envoyer les données a cause des headers
    Nom : Capture.PNG
Affichages : 319
Taille : 10,6 Ko
    Nom : sdfsd.PNG
Affichages : 324
Taille : 13,8 Ko
    Le code du service provider :
    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
     
    app.service('reponseProvider', function($http){
     
    	this.postReponse = function(reponse)
    	{
    		var req = {
    					method: 'POST',
    					url: 'foo/bar',
    					data: reponse,
    				 headers: {
    			        'Content-Type':'application/x-www-form-urlencoded', 
    			        'Accept': 'application/json',
    			        'Access-Control-Origin-Method': 'POST',
     
    			    },
    			 };
     
    		$http(req).then(function(){alert('it works!')}, function(reponse, headers){alert('nope ... '); console.log(headers);});
    	};
    });
    Merci de voter aide.

  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
    C'est à cause du mécanisme de sécurité nommé CORS implémenté dans les navigateurs modernes.

    Quand les webservices que tu cherches à atteindre depuis ta webapp ne sont pas sur le même domaine que celui du serveur qui sert ton front il faut faire certaines configurations dans le client ET dans le serveur.

    Cf aussi ce thread.

Discussions similaires

  1. [Débuter] Envoi de données par POST en HTTP
    Par Heroiik dans le forum Réseau
    Réponses: 5
    Dernier message: 31/07/2013, 18h34
  2. [AJAX] actualiser un site ajax apres envoi de donnée en post, pb
    Par 123quatre dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 21/09/2007, 18h44
  3. envoi de données methode POST
    Par oceanbigone dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 23/02/2007, 18h43
  4. [AJAX]problème d'envoie de données méthode POST
    Par xave dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 07/07/2006, 16h35

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