Angular 2 http POST

Question

I start work with angular 2 and typeScript , all work great, but when i work with rest api (POST) in console log i get Response {_body: "", status: 204, statusText: "Ok", headers: Headers, type: 2… } , despite i passed the true param for login this is my code

 authentification(){
        var headers = new Headers();
          headers.append('Content-Type', 'application/x-www-form-urlencoded');
        // headers.append('Content-Type', 'application/json');
       return this.http.post(this._postUrl,JSON.stringify({username:"abc",password:"abc"}),{headers:headers});
    }

and this is my web service

 @POST
    @Path("/admin")
    @Consumes("application/x-www-form-urlencoded")
    public User getDate(@HeaderParam("username")String username,@HeaderParam("password")String password) throws Exception{
        try {
            String passwordC =  AESCrypt.encrypt(password);
            User u = userService.login(username, passwordC);
            return u;
            
        } catch (Exception e) {
            return null;
        }
    }

i think problem in my web service param in string and in angular param is json
any one can help me please and thanks.

have a look at this stackoverflow.com/a/34823818/5043867 stackoverflow.com/a/34758630/5043867 — Pardeep Jain
– Pardeep Jain, Commented Feb 7, 2016 at 18:01

dfsq · Accepted Answer · 2016-02-07 16:50:21Z

7

For form-urlencoded content type you need to send data in query string format with key=value pairs. You can build this string with the help of URLSearchParams class from http module. In your case it can look something like this:

authentification() {

    var headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded');

    var params = new URLSearchParams();
    params.append('username', 'abc');
    params.append('password', 'abc'); // .toString() => username=abc&password=abc

    return this.http.post(this._postUrl, params.toString(), {headers});
}

answered Feb 7, 2016 at 16:50

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

1 Comment

Usman Iqbal Over a year ago

Man love you. Just saved my a** from getting kicked :) GBY

Collectives™ on Stack Overflow

Angular 2 http POST

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related