searchHeroes.ts

searchHeroes.ts

/* GET heroes whose name contains search term */
searchHeroes(term: string): Observable<Hero[]> {
  if (!term.trim()) {
    // if not search term, return empty hero array.
    return of([]);
  }

  return Observable.create((observer) => {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', CONFIG.SERVER_URL + `heroes/?q=${term}`);
    xhr.onload = () => {
      if (xhr.status === 200) {
        this.messageService.add(`HeroService: searched heroes`);
        observer.next(JSON.parse(xhr.responseText));
      }
      else {
        observer.error(xhr.response);
      }
    };
    xhr.send();
  });
}