Angularjs4.0不用RxJs实现数据请求
Angularjs4.0不使用RxJs如何实现数据请求呢？我们按以下步骤来操作即可完成：一、http
this.http.get("http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1&callback=JSONP_CALLBACK")
.subscribe(
function(data){
console.log(data);
},function(err){
console.log('失败');
}
);
二、JSONP
this.jsonp.get("http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1&callback=JSONP_CALLBACK")
.subscribe(
function(data){
console.log(data);
},function(err){
console.log('失败');
}
);
三、Post
1.引入Headers Htp
import {Http,Jsonp,Headers} from "@angular/http";
2.实例化Headers
private headers = new Headers({'Content-Type': 'application/json'});
3.post提交数据
this.http
.post('http://localhost:8008/api/test',
JSON.stringify({username: 'admin'}), {headers:this.headers})
// .toPromise()
.subscribe(function(res){
console.log(res.json());
});
页:
[1]