链接：ionic3教程（一）安装配置ionic3教程（二）登录页面制作ionic3教程（三）设置页面制作ionic3教程（四）Android硬件返回键处理ionic3教程（5)基本网络请求这是最后一节。本节主要使用最简单的网络请求和基本的内置指令进行演示。如果你对Angular的基本架构不熟悉，请点击Angular4.0架构详解如果你对Angular内置指令不熟悉，请点击Angular4.0内置指令攻略请求是异步的。在JavaScript中，一般有3种方式来处理异步代码。回调(callback)promise(承诺)可观察对象(observable)promise和observable主要有3个区别：observable可以中途取消，但是不能发出promiseobservable可以连续发出很多值，而promise只能发出一个值并结束observable提供了更多的实用函数，最常用的是filter等。关于promises的更多信息请看《JavaScript Promise迷你书》关于rxjs(observable)的更多信息请看《rxjs中文教程》在Angular中，处理异步的最佳方式code是使用observableobjects，所以接下来会使用app.module.ts导入Angular的HttpModule。import{HttpModule}from'@angular/http';//然后在imports中插入HttpModule来测试接口。找了一些其他的接口进行测试，发现数据不会显示。我打开chrome测试了一下，发现有跨域问题。XMLHttpRequest加载不出来，所以这里给大家推荐一个网站，我们测试用。http://jsonplaceholder.typico...拖到下面的Resources看图片。从图中可以看出，接口的种类还是比较丰富的。我们选择带有图片的/photos进行测试。home.tsimport{Http,Response}from'@angular/http';@Component({selector:'page-home',templateUrl:'home.html'})exportclassHomePage{//使用listData:Object接收数据；//依赖注入构造函数(publicnavCtrl:NavController,privatehttp:Http){}ionViewDidLoad(){//网络请求this.http.request('http://jsonplaceholder.typicode.com/photos').subscribe((res:Response)=>{this.listData=res.json();});}http.request将返回一个Observable对象。我们可以使用subscribe订阅更改。当http.request从服务器返回一个流时，它会发出一个Response对象。我们使用json方法将responsebody提取出来解析成Object，最后赋值给this.listData。home.html
