Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Ionic 3中使用Http获取JSON数据_Javascript_Json_Ionic Framework_Module_Angular2 Http - Fatal编程技术网

Javascript 在Ionic 3中使用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页

Ionic通过HTTP从JSON文件获取数据时遇到问题,我不知道问题出在哪里,这个错误非常奇怪

代码如下:

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')