Http, get response from server with rxjs and angular2

Question

I don't know what I am doing wrong, I don't get any response from the server to work using Http. I added the project as plunker if someone could have a deeper look.

https://plnkr.co/edit/3HybQY3vcsCImbuFCWrP?p=preview

post.service.ts

  getPosts(){
   return this._http.get("http://jsonplaceholder.typicode.com/posts")
                    .map(res => res.json());
  }

app.component.ts

constructor(private _postService: PostService) {
    _postService.getPosts()
               .subscribe(res => console.log(res));
  }

There are a lot of issues with the example you posted. Several missing components and file paths don't match up. I would suggest first removing the http and fixing those first. Then update the plunkr — paulpdaniels, Jul 16 '16 at 19:03

score 0 · Answer 1 · edited May 23 '17 at 10:31

0

You are making cross-domain request

You need to add some staff to http request header:

Access-Control-Allow-Origin: *

More details: How to create cross-domain request (Angular 2)?

edited May 23 '17 at 10:31

Community

1
1

answered Jul 16 '16 at 14:15

Andrei Zhytkevich

8,039
2
31
45

So their is no other way? Where following a tutorial at udemy and he got it to work using http://jsonplaceholder.typicode.com – Rasmus Rajje Josefsson Jul 16 '16 at 18:22

score 0 · Accepted Answer · answered Jul 16 '16 at 21:20

0

Wasn't anything wrong, worked when restarted my lite server.

answered Jul 16 '16 at 21:20

Rasmus Rajje Josefsson

1,564
2
15
33

see my answer below, and plunker too may help you. – Pardeep Jain Jul 16 '16 at 21:21

score 0 · Answer 3 · answered Jul 16 '16 at 21:21

There are two major mistakes in your code that's your code is not running as expected.

you are using Http request response but you have not configure @angular/http setting in your config file so you have to add this in the file.
```
'@angular/http': {
  main: 'bundles/http.umd.js',
  defaultExtension: 'js'
},
```
You are trying to get request over http which angular2 won't allow so you have to change your url like
```
http://jsonplaceholder.typicode.com/posts
```
to
```
https://jsonplaceholder.typicode.com/posts
```

here is your working code demo

Working Example

I see, haven't learn that much yet about the config files ect and in use with plunker, but thanks anyway. — Rasmus Rajje Josefsson, Jul 16 '16 at 21:32

Http, get response from server with rxjs and angular2

3 Answers3