PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 867|回复: 0

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

[复制链接]

40

主题

80

帖子

348

积分

中级会员

Rank: 3Rank: 3

积分
348
发表于 2017-8-11 12:50:29 | 显示全部楼层 |阅读模式
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.       console.log(res.json());
  7.     });
复制代码




回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2018-9-22 19:59 , Processed in 0.294304 second(s), 33 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表