Angularjs4.0不用RxJs实现数据请求

幽梦林子

Angularjs4.0不使用RxJs如何实现数据请求呢？我们按以下步骤来操作即可完成：


一、http

1. this.http.get("http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1&callback=JSONP_CALLBACK")
   
2.       .subscribe(
   
3.          function(data){
   
4.            console.log(data);
   
5.          },function(err){
   
6.           console.log('失败');
   
7.          }
   
8.       );

复制代码

二、JSONP

1. this.jsonp.get("http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1&callback=JSONP_CALLBACK")
   
2.       .subscribe(
   
3.          function(data){
   
4.            console.log(data);
   
5.          },function(err){
   
6.           console.log('失败');
   
7.          }
   
8.       );

复制代码

三、Post

1.引入Headers Htp

1. import {Http,Jsonp,Headers} from "@angular/http";

复制代码

2.实例化Headers

1. private headers = new Headers({'Content-Type': 'application/json'});

复制代码

3.post提交数据

1. this.http
   
2.     .post('http://localhost:8008/api/test',
   
3.     JSON.stringify({username: 'admin'}), {headers:this.headers})
   
4.     // .toPromise()
   
5.     .subscribe(function(res){
   
6. 
   
7.       console.log(res.json());
   
8.     });

复制代码