Angular学习(二)

本文介绍Angular中服务的创建及使用方法,并详细讲解了如何利用Angular进行HTTP请求,包括GET、POST请求及JSONP跨域请求等。

Angular服务

1.创建服务:

ng g service services/storage

2.注入服务

在根目录的app.module.ts里引入服务。并且在providers:[]里写入服务模块

在要用这个服务的ts文件里引入服务

在constructor构造函数里实例化服务

使用this.storage访问服务

Http请求

3.注册Http Jsonp 服务

在根目录的app.module.ts里注入模块:HttpModule    JsonpModule

在imports 里写入模块

3.1在其他模块里使用http 和 jsonp 模块

要在模块的顶部import   http jsonp 模块

并且在构造函数里实例化模块

3.2    http请求数据,注意this的指向

Jsonp 请求数据

需要在接口的末尾添加回调函数

请求数据要改成jsonp

Post请求数据

首先要在使用post的模块里注入Headers 模块

并且实例化Headers

请求的参数

  1, 接口地址

  2, 要提交的数据

  3, 请求头设置

  

4.使用Rxjs请求数据

在使用rxjs的模块里银注入Observable  ,并且引入Rx

在页面上使用一个 .map方法,其他的都跟http请求一样

 

转载于:https://www.cnblogs.com/chefweb/p/8318380.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值