angular实现jsonp请求

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