angular - 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" 。我尝试其他服务器我得到同样的问题。请有任何解决方案。
解决方案
推荐阅读
- typescript - 打字稿:定义类型的对象,但根据需要推断提供的可选道具
- gnuplot - postscript终端中的数学乳胶字体
- ngx-translate - 如何在 Angular 中翻译页面?前任。英语到阿拉伯语
- c# - 证书链 X509
- android - Android App 聊天机器人与对话流集成
- c# - Visual Studio C# 超链接在浏览器和 .net 应用程序中加载
- c++ - 将 Clang AST 转换为其他语言的 AST
- laravel - 如何显示当前时间的下一个时间段
- oracle - 插入后的Oracle触发器
- azure-devops - 如何在单个 CSV 文件中导入包含问题和史诗(父链接)的 Azure DevOps CSV 文件