PhoneGap中文网

标题: Angularjs4.0不用RxJs实现数据请求 [打印本页]
作者: 幽梦林子    时间: 2017-8-11 12:50
标题: 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){

  7.       console.log(res.json());
  8.     });
复制代码








欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2