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

Angular Discussion :

[Angular 2] Comment faire correctement ma requête POST


Sujet :

Angular

  1. #1
    Membre confirmé

    Profil pro
    Inscrit en
    Août 2008
    Messages
    1 191
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 1 191
    Points : 595
    Points
    595
    Par défaut [Angular 2] Comment faire correctement ma requête POST
    Bonjour, je souhaite enregistrer une donnée sur mon serveur REST sous node js,
    voici mon serveur rest:

    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
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
     
    var express = require("express"),
        bodyParser = require("body-parser"),
        port =  8000,
        app = express();
     
    var MongoClient = require("mongodb").MongoClient;
     
    app.use(bodyParser.urlencoded({ extended: true }));
    app.use(bodyParser.json());
    app.use(function(req,res,next){
       res.header( 'Access-Control-Allow-Origin' ,'*'); 
       res.header( 'Access-Control-Allow-Methods' ,'GET,PUT,POSTE,DELETE'); 
       res.header( 'Access-Control-Allow-Headers' ,'Content-Type'); 
       next();
    });
     
    var router = express.Router();
     
    router.route('/').get(function(req, res){
            MongoClient.connect("mongodb://localhost/book", function(error, db) {
            if (error) throw error;
     
            db.collection("sommaire").find().toArray(function (error, results) {
     
            if (error) throw error;
            console.log(results);    
     
            //res.end(results);
             res.status(200).json(results);
     
           });
        });
     
    })
    .post(function(req, res){
        console.log(req);
            var form_matiere = req.body; 
     
            console.log(form_matiere ,"requete post reçu");
     
            MongoClient.connect("mongodb://localhost/book", function(error, db) {
            db.collection('sommaire').insert(form_matiere, function(err, records) {
            if (err) throw err; });
            res.status(200).send();
            res.end('insertion de la matiere');
     
     
        });
    })
     
    app.use('/api',router);
    app.listen(port, function(){
        console.log("ecoute", port);
    } );


    j'ai testé mon serveur avec http request et cela fonctionne lorsque clique sur le bouton POST j'ai la création de donnée certe vide mais elle ont été inscrit

    Nom : get.png
Affichages : 1731
Taille : 57,6 Ko

    ici j'ai fait 3 requêtes, donc 3 id différent, maintenant j'aimerais faire le même test mais avec angular2:
    voici ma méthode qui ajoute un élément:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
        addMatiere(newMatiere: Sommaire) {
            console.log("Ajouter matier",newMatiere);
            let headers      = new Headers({ 'Content-Type': 'application/json' }); // ... Set content type to JSON
            let options       = new RequestOptions({ headers: headers }); // Create a request option
     
            return this.http.post(this._urlRest, JSON.stringify(newMatiere), options).catch(this.handleError);; // ...using post request
        }
    j'ai vider toutes ls donnée
    voici ce que j'ai à la console:

    Nom : tes.jpg
Affichages : 1622
Taille : 41,9 Ko
    je n'arrive pas avoir de tace après "ajouter matière",
    coté console du serveur node voici ce que j'ai:

    je n'ai pas le résultat de console.log(res)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    .post(function(req, res){
        console.log(req);
    comment je dois écrire ma requête post ?
    merci de vos réponse

    voici mon mangager sous angular2:

    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
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
     
    import {Injectable} from '@angular/core';
    import {Sommaire} from './sommaire-data';
    import { Http, Response,Headers,RequestOptions } from '@angular/http';
    import { Observable } from 'rxjs/Rx';
     
     
    @Injectable()
     
    export class SommaireGestionService{
        private _matieres = Sommaire.matieres.slice(0);
        private _matiereNow:Sommaire; //mémorise matière courant auquel on a sélectionner
        private loading:boolean;
        private _urlRest :string = 'http://192.168.0.11:8000/api';
     
        constructor(public http: Http) {
        }
     
        getAllMatieres():Sommaire[]{
            this.loading = true;
            this.http.get('http://192.168.0.11:8000/api').subscribe((res: Response) => {
                this._matieres = res.json();
                this.loading = false;
                console.log(res.json());
              });
     
            return this._matieres.slice(0);
     
        }
     
        getIdMatiere(id: number): Sommaire { 
            let matiere = this._matieres.filter(s => s.id == id)[0];
            return  matiere ? {id: matiere.id, name: matiere.name }: null;
        }
     
        addMatiere(newMatiere: Sommaire) {
            console.log("Ajouter matier",newMatiere);
            let headers      = new Headers({ 'Content-Type': 'application/json' }); // ... Set content type to JSON
            let options       = new RequestOptions({ headers: headers }); // Create a request option
     
            return this.http.post(this._urlRest, JSON.stringify(newMatiere), options); // ...using post request
        }
     
        saveMatiere(matiere: Sommaire) {//premet d'éditer un matière 
            let oldmatiere = this._matieres.filter(s => s.id == matiere.id)[0];
            if (oldmatiere) {//si la matière à été trouvé alors il faut la modifier
                oldmatiere.name = matiere.name;
            }//sinon on ne fait rien
            console.log(this._matieres);
        }
     
     
        setMatiereNow(matiere:Sommaire){
            this._matiereNow = matiere;
        }
     
        getMatierNow(){
            return   this._matiereNow;
        }
     
        kilMat(id: number) {
     
            let oldMat = this._matieres.filter(s => s.id == id)[0];
     
     
            if (oldMat) {
                let matIndex = this._matieres.indexOf(oldMat);
                if (matIndex >= 0) {
                    this._matieres.splice(matIndex, 1);
                }
            }
     
        }
     
    }

  2. #2
    Membre confirmé

    Profil pro
    Inscrit en
    Août 2008
    Messages
    1 191
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 1 191
    Points : 595
    Points
    595
    Par défaut
    je pense que j'ai trouvé la bonne syntaxe:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
        addMatiere(newMatiere: Sommaire) {
     
            console.log("Ajouter matier",newMatiere);
     
            let headers      = new Headers({ 'Content-Type': 'application/json' }); // ... Set content type to JSON
            let options       = new RequestOptions({ headers: headers }); // Create a request option
     
            this.http.post(this._urlRest, newMatiere,options)
            .subscribe(
                ()=>{},
                err=>console.log(err);
     
                ); 
        }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Comment faire fonctionner une requête avec NOT EXISTS
    Par arnaudperfect dans le forum Requêtes
    Réponses: 2
    Dernier message: 13/11/2007, 11h39
  2. Comment rendre correcte cette requête ?
    Par Seb981 dans le forum Langage SQL
    Réponses: 19
    Dernier message: 27/06/2007, 08h34
  3. comment faire une sous requête
    Par zope49 dans le forum BIRT
    Réponses: 1
    Dernier message: 18/12/2006, 18h41
  4. Réponses: 2
    Dernier message: 23/07/2006, 16h07
  5. Réponses: 1
    Dernier message: 28/01/2006, 18h23

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