angular - Angular 5 无法从 url 加载数据 jsonp

Question

我觉得我错过了一些非常简单的东西。

我做了一个空白的离子项目，我需要从一个 URL 中提取数据并吐出 JSONP。

这是我的 home.ts 的样子：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { HttpClientModule} from '@angular/common/http';
import { HttpClient} from '@angular/common/http';
import { RedditData } from '../../providers/reddit-data/reddit-data'
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/map'
import 'rxjs/Rx';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/catch';
import { UsingObservable } from 'rxjs/observable/UsingObservable';
import { Jsonp } from '@angular/http';

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})
export class HomePage {

 result:any = [];
 data:Observable<any>;

    constructor(public navCtrl: NavController, private http: HttpClient,private json:Jsonp) {

    }

ionViewDidLoad(){

    var url='/common/v1/airport.json?code=BGW&';
    this.data=this.json.request(url,'callback=JSONP_CALLBACK');
    this.data.subscribe(data =>{
        this.result=data;
        console.log(data)
    });
  }


}

当我在本地服务器上运行时，我在控制台 Google Chrome 中收到消息：

GET /common/v1/airport.json?code=BGW& 418 () 失败

标签： angularionic-frameworkionic3

Answer 1

尝试这个 ..

this.http.get(`http://url`).subscribe(
            data => {
                 this.result=data;
                 console.log(data)
            });