How to Handle Angular2 http request with Query Parameter?

Question

I Have Tried

http.get('http://192.168.0.26:9000/api/task/counttask?projectid=-1&Teamid=-1&RoleId=-1&status=1&PID=-1&mytasks=0&alltasks=0&page=1&row=15&priorityid=-1&typeid=-1&taskname=&JSON&_=1471520478215')

    .map((res: Response) => res.json())
    .subscribe(res => this.result = res); 
     alert(this.result);

I am Getting Error But if You run this below Url in Browser it will give you the output

192.168.0.26:9000/api/task/counttask?projectid=-1&Teamid=-1&RoleId=-1&status=1&PID=-1&mytasks=0&alltasks=0&page=1&row=15&priorityid=-1&typeid=-1&taskname=&JSON&_=1471520478215

How to Handle this Request ??

In your map function, it shouldn't be .map((res) => res.json())? — Qianyue
– Qianyue, Commented Aug 19, 2016 at 8:22
(res: Response) => res.json() is not correct in syntax. I think that it should be res => res.json() — Qianyue
– Qianyue, Commented Aug 19, 2016 at 8:26
(res: Response) => res.json() is totally fine and won't make any difference in the produced JavaScript — j2L4e
– j2L4e, Commented Aug 19, 2016 at 8:27
@j2L4e Give me some i idea ... post the answer with the below url ... i will upvote ... — Gopinath K
– Gopinath K, Commented Aug 19, 2016 at 8:29

j2L4e · Accepted Answer · 2016-08-19 08:35:03Z

1

First things first: It'd be nice to know the actual error.

Your alert() is executed right away. So the request hasn't finished yet. Try this:

.subscribe(res => {
  this.result = res;
  console.log(this.result);
});

edit: you should use console.log (or an actual debugger), because alert() does not resolve objects. It might just say "[object Object]".

edited Aug 19, 2016 at 8:35

answered Aug 19, 2016 at 8:31

j2L4e

7,0581 gold badge36 silver badges40 bronze badges

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

1 Comment

Gopinath K Over a year ago

Thanks a lot Its Working ... I cannot upvote because it needs atleast 15 reputation ....

Collectives™ on Stack Overflow

How to Handle Angular2 http request with Query Parameter?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related