1 、 引入 Http 、Jsonp 、RxJs 模块
import {Http,Jsonp} from "@angular/http";
import {Observable} from "rxjs";
import "rxjs/Rx";
2 、 构造函数声明
constructor(private http:Http,private jsonp:Jsonp) { }
3、Jsonp 请求
this.jsonp.get("http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page
=1&callback=JSONP_CALLBACK")
.map(res => res.json()) .subscribe(
function(data){
console.log(data);
}
);
http.get 方法中返回一个 Observable 对象,使用rxjs的map()方法获取body中的数据。使用json()方法将数据转换为json格式。
注:在jsonp请求的url末尾加 :&callback=JSONP_CALLBACK