如何使用Angular2从PHP脚本请求JSON

Question

我真的是编程网站的新手，甚至一般而言编程。我开始与PHP一起学习jQuery，但认为我会学习角度。

因此，我正在根据他们在Angular.io网站上的英雄巡回演出中使用的东西。它使用InmemorybackendService获取信息。他们的英雄服务看起来像这样：

import { Injectable }     from '@angular/core';
import { Http, Response } from '@angular/http';
import { Hero }           from './hero';
import { Observable }     from 'rxjs/Observable';
@Injectable()
export class HeroService {
  constructor (private http: Http) {}
  private heroesUrl = 'app/heroes';  // URL to web API
  getHeroes (): Observable<Hero[]> {
    return this.http.get(this.heroesUrl)
                    .map(this.extractData)
                .catch(this.handleError);
  }
  private extractData(res: Response) {
    let body = res.json();
    return body.data || { };
  }
  private handleError (error: any) {
    // In a real world app, we might use a remote logging infrastructure
    // We'd also dig deeper into the error to get a better message
    let errMsg = (error.message) ? error.message :
      error.status ? `${error.status} - ${error.statusText}` : 'Server error';
    console.error(errMsg); // log to console instead
    return Observable.throw(errMsg);
  }
}

如何通过运行PHP脚本来使此工作。我以为我可以使用http.get kina lika ajax函数，但是它会出现404-当我这样做时找不到（至少在这样做时，我想知道它可以正常工作）。

。

或者，我正在考虑将nodejs用于Serveride（或任何有效的东西都可以学习并且学习有用），但这似乎都很混乱，我甚至不太了解如何与Angular 2一起使用。<</p>

Answer 1

您有什么后端都没关系，您只需要将正确的URL传递给Angular2 http.get：

private heroesUrl = 'app/heroes';  // URL to web API

因此，首先确保您的后端URL将其粘贴到浏览器地址栏中。