Javascript 在Ionic 3中使用Http获取JSON数据
Ionic通过HTTP从JSON文件获取数据时遇到问题,我不知道问题出在哪里,这个错误非常奇怪 代码如下:Javascript 在Ionic 3中使用Http获取JSON数据,javascript,json,ionic-framework,module,angular2-http,Javascript,Json,Ionic Framework,Module,Angular2 Http,Ionic通过HTTP从JSON文件获取数据时遇到问题,我不知道问题出在哪里,这个错误非常奇怪 代码如下: src/pages/subhome/line/line.ts(subhome包含一些页面文件夹) 从'@angular/core'导入{Component}; 从“离子角度”导入{IonicPage,NavController,NavParams}; 从'@angular/Http'导入{Http}; 导入'rxjs/add/operator/map'; /** *为LinePage页
src/pages/subhome/line/line.ts
(subhome包含一些页面文件夹)
从'@angular/core'导入{Component};
从“离子角度”导入{IonicPage,NavController,NavParams};
从'@angular/Http'导入{Http};
导入'rxjs/add/operator/map';
/**
*为LinePage页生成的类。
*
*看http://ionicframework.com/docs/components/#navigation 更多信息
*在爱奥尼亚网页和导航上。
*/
@IonicPage()
@组成部分({
选择器:“页面行”,
templateUrl:'line.html',
})
导出类行页面{
命令:任意[]=[]
构造函数(公共navCtrl:NavController、公共navParams:navParams、私有http:http){
this.http.get('line.json').map(res=>res.json()).subscribe((data)=>{
this.commands=data.json();
console.log(this.commands);
})
}
ionViewDidLoad(){
log('IonViewDidLoadLinePage');
}
}
HTTP方法用于调用远程服务器。
据我所知,这些方法不用于调用应用程序中的任何文件
要在页面之间传递数据,可以使用类似以下内容的this.navController.push(SecondPage{
param1:'firstname',param2:'lastname'
});代码>
请参见教程
如果要访问的是JSON数据,请考虑将其存储在变量中,或者可以使用类似于
的本地存储
this.storage.set('myData', data);
别忘了导入和注入
import { Storage } from '@ionic/storage';
constructor (public storage: Storage){}
将JSON文件移动到资产文件夹,
并通过
this.http.get('assets/line.json')