2016-06-19 14 views
0

私は本当にプログラミングウェブサイトやプログラミングに新しいことが一般的です。私はPHPと一緒にjQueryを学び始めましたが、代わりに角を学ぶと思っていました。ang2を使ってPHPスクリプトからjsonをリクエストする方法は?

私はangular.ioのウェブサイト上にあったTour of Heroesコースに基づいて何かを使っています。 InMemoryBackendServiceを使用して情報を取得します。 彼らhero.serviceは次のようになります。

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ちょっとAJAX関数を使用することができると思ったが、それは404と出てくる - 私はこれを行うときに見つけられない(atleast私はそれがうまくいくと思った方法を行う)。

また、serverside(またはそれがうまくいっていて勉強に役立つもの)のためにNodejsを使用してみましたが、すべてがとても混乱していて、角度2で動作させる方法がさらに少なくなりました。だから、最初のバックエンドURLはそれを貼り付けることで動作することを確認してください

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

:あなたが、あなただけのangular2 http.getに正しいURLを渡す必要がありますかどのようなバックエンド問題ではありません

答えて

0

ブラウザのアドレスバーに入力します。

+0

ええと、私はそれまでに何かを混乱させているに違いありません。それは私がやったものだから、PHPスクリプトをテストしたところ、エコーはjsonデータを与える。うーん、もう一度やってみろよ。ありがとう! – rufusthedufus

関連する問題