How to POST method from Angular -> NodeJs/ExpressJs -> MySQL

Question

The GET method works fine but when i call the POST method on my angular project it seems like the POST function on nodeJs doesn't get called. What am i doing wrong ?

Angular Service:

getAllProducts():  Observable<Product[]> {
return this.http.get<Product[]>('http://localhost:3000/api/content');
}

insertProduct(product: Product): Observable<Product> {
return this.http.post<Product>('http://localhost:3000/api/content', product);
}

server.js:

app.get('/api/content', function (req, res, next) {
    // query to the database and get the records
    mc.query('select * from testContent', function (err, recordset) {

        if (err) console.log(err)

        // send records as a response
        res.send(recordset); 
    });
});


app.post("/api/content",function(req , res, next){

    console.log('I will not get printed');

    mc.query('INSERT INTO testContent (productName,productCode) VALUES (\''+req.body.productName + '\',\'' + req.body.productCode + '\')',function (err, recordset) {

        if (err) console.log(err)

        // send records as a response
        res.send(recordset);

    });

});

Refer this post: How do I consume the JSON POST data in an Express application for some guidance. — aaruja
– aaruja, Commented Dec 24, 2018 at 14:46

Johan Rin · Accepted Answer · 2018-12-23 20:26:07Z

1

Maybe you need a "Content-Type" header in your post request like :

import { HttpClient, HttpHeaders } from '@angular/common/http';

insertProduct(product: Product): Observable<Product> {
  return this.http.post<Product>('http://localhost:3000/api/content', product, {
    headers: new HttpHeaders({ 'Content-Type': 'application/json' })
  });
}

answered Dec 23, 2018 at 20:26

Johan Rin

1,9483 gold badges22 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to POST method from Angular -> NodeJs/ExpressJs -> MySQL

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related