POST method not working in Angular2

Question

I am new in Angular2. I am trying to call simple java REST call from Angular2. When I am posting data I am not getting error at all but my java post method is not called.

Angular2 POST-

let emplyee = JSON.stringify(this.object);
    let url = 'http://localhost:8080/rest-app/rest/employeeService/insertEmployee';
    console.log("Data: " + emplyee);
    let headers = new Headers({'Content-Type': 'application/json'});
    let options = new RequestOptions({headers: headers});
    this.http.post(url, emplyee, options);

Java POST method-

@POST
@Path("/insertEmployee")
@Consumes(MediaType.APPLICATION_JSON)
@Produces(MediaType.APPLICATION_JSON)
public String insertEmployee(String employee) {
    logger.debug("Employee: " + employee);
    return "Hello";
}

what is the response you get? add .subscribe(res => console.log(res)) right after this.http.post() to console.log the response. — Supamiu
– Supamiu, Commented Sep 20, 2016 at 9:25
@Supamiu thnx for response, this response I got, Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'localhost:3000' is therefore not allowed access. — deen
– deen, Commented Sep 20, 2016 at 9:28

Community · Accepted Answer · 2017-05-23 12:32:29Z

1

The problem here is that the preflight resuest doesn't pass. You have to allow CORS requests in your Java API (you have to add Access-Control-Allow-Origin * header, see your API lib doc to know how to add it).

That's why you get an error in subscribe, because your preflight request doesn't pass.

EDIT: see How to make CORS-enabled HTTP requests in Angular 2? for more explanations on the problem.

edited May 23, 2017 at 12:32

CommunityBot

11 silver badge

answered Sep 20, 2016 at 9:32

Supamiu

8,7417 gold badges47 silver badges79 bronze badges

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

Comments

Sanket · Accepted Answer · 2016-09-20 09:27:26Z

0

You need to add subscribe like this-

    this.http.post(url, emplyee, options)
    .subscribe((response) => {
            //handle response here
    })
    .catch(this.handleError);

If you want to use promise then use it like this-

    this.http.post(url, employee, options)
        .toPromise()
        .then(this.extractData)
        .catch(this.handleError);

answered Sep 20, 2016 at 9:27

Sanket

20.2k10 gold badges74 silver badges84 bronze badges

Collectives™ on Stack Overflow

POST method not working in Angular2

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related