首页 > 解决方案 > ionic3 和角度 HttpErrorResponse jsonp

问题描述

我有一个小问题,我不知道它是什么。l 尝试使用 ionic3 和 angular 获取计划机场数据 json 的数据信息。代码工作正常,但问题是当我运行测试代码并在 chrome 中显示控制台时,我得到“HttpErrorResponse”。

看图片

reddit-data.ts

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';

@Injectable()
export class RedditDataProvider {

    private appId='common/v1/airport.json?';
    private baseUrl = 'https://XXXXXXXXXX.com/common/v1/airport.json?code=';

    constructor(public http: HttpClient) {
        console.log('Hello RedditData Provider');
    }


     city(city: string, country: string) {

         let url=this.baseUrl;
         url +=country;


         return this.http.jsonp(url,'callback');
     }

}

班级之家

import { Component } from '@angular/core';
import { NavController,ModalController  } from 'ionic-angular';
import { RedditDataProvider } from '../../providers/reddit-data/reddit-data';
import {AddPage} from '../../pages/add/add';
import { HttpClient} from '@angular/common/http';
import 'rxjs/add/operator/map';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html',

})
export class HomePage {

    public weatherList =[]

  constructor(public navCtrl: NavController ,public redditService: RedditDataProvider
  ,private modal:ModalController) {}



 addWeather(){

    const myModal = this.modal.create('AddPage');

    myModal.onDidDismiss( (data) => {
            if (data) {
            this.getWeather(data.city, data.country);
        }   

    });

        myModal.present();  

} 

      getWeather(city: string, country: string){
        this.redditService.city(city, country)

          .subscribe(data => {

            this.weatherList.push(data);  
               console.log(data);
          },err => console.log(err),()=> 
          console.log('get'))

      }
      viewForecast(cityWeather){

          console.log( 'view forcast');

      }

}

问题在于 JSONP ,状态错误 "JSONP Error" 。我尝试其他服务器我得到同样的问题。请有任何解决方案。

标签: angularionic-frameworkionic3jsonp

解决方案


推荐阅读