お世話になっております。
ただいま、Angular2 CLI の Ajax通信の第一歩目でつまずいております。
###前提・実現したいこと
Angular2でAjax通信を行おうとしておりますが、うまく行きません。
もしかしたら見当違いなことを行っているかもしれませんが、なにかアドバイスをお願いいたします。
###試したこと
開発には、CLIを利用し、次のコマンドを打ちました。
ng new MyApp
cd MyApp
ng serve
作成された app.component.ts を、次のように直しました。
TypeScript
1import { Component } from '@angular/core'; 2 3// 追加 ここから 4import { Http } from "@angular/http"; 5import { Observable } from 'rxjs/Observable'; 6import 'rxjs/add/operator/map'; 7// 追加 ここまで 8 9@Component({ 10 selector: 'app-root', 11 templateUrl: './app.component.html', 12 styleUrls: ['./app.component.css'] 13}) 14export class AppComponent { 15 title = 'app works!'; 16 17 // 追加 ここから 18 constructor(private http: Http) { 19 alert( 20 JSON.stringify( 21 this.http.get('http://localhost:3000/XXXX').map(response => response.json()) 22 ) 23 ); 24 } 25 //追加 ここまで 26 27}
※http://localhost:3000/XXXX は、Jsonを返すサーバーです。ブラウザに直接打ち込むと、Jsonを返すことを確認しています。
以上の変更の後、http://localhost:4200/ にアクセスしhttp://localhost:3000/XXXX の内容をひとまずアラートで出そうとしました。
しかし、アラートで出たのはサーバーとまったく関係のない次のようなJSONでした。
{"_isScalar":false,"source":{"_isScalar":false},"operator":{}}
サーバーのJsonを取得するには、どのようにすれば良いのでしょうか。
なにとぞご教授をお願いいたします。
###補足情報(言語/FW/ツール等のバージョンなど)
Angular v2.3.1
angular-cli v1.0.0-beta.24
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/17 05:55