getHeroesHttp.ts

getHeroesHttp.ts

getHeroes(): Observable<Hero[]> {
    return Observable.create((observer) => {
      const xhr = new XMLHttpRequest();
      xhr.open('GET', CONFIG.SERVER_URL + 'heroes');
      xhr.onload = () => {
        if (xhr.status === 200) {
          this.messageService.add(`HeroService: fetched heroes`);
          observer.next(JSON.parse(xhr.responseText));
        }
        else {
          observer.error(xhr.response);
        }
      };
      xhr.send();
    });
  }