一、app.module.ts注册HTTP JSONP服务
1.引入HttpModule 、JsonpModule 普通的 HTTP 调用并不需要用到 JsonpModule，不过稍后我们就会演示对 JSONP 的支持， 所以现在就加载它，免得再回来改浪费时间。
2.HttpModule 、JsonpModule依赖注入
二、通过 Http、Jsonp请求数据、不用RxJs
RxJS是一种针对异步数据流编程工具，或者叫响应式扩展编程；不管如何解释RxJS其目标就是异步编程，Angular引入RxJS为了就是让异步可控、更简单。 app.module.ts引入并且依赖注入完成以后，在需要用到的地方执行下面操作。 使用Http、Jsonp：
1、在需要请求数据的地方引入 Http
2、构造函数内申明：
3、对应的方法内使用http请求数据
jsonp 同理把 http更换成jsonp 就可以了 但是要在url加回调 即拼接 &callback=JSONP_CALLBACK")
注：JSON.parse可将JSON字符串转译成JSON对象。
var _that =this; 指向方法外定义的数组
=========================================================
使用Post
1. 引入Headers 、Http模块
2. 实例化Headers
三、通过 Http、Jsonp请求数据、使用RxJs。
需要用到请求数据的地方引入Http模块Jsonp模块，以及rxjs RxJS是一种针对异步数据流编程工具，或者叫响应式扩展编程；可不管如何解释RxJS其目标就是异步编程，Angular引入RxJS为了就是让异步可控、更简单。
大部分RxJS操作符都不包括在Angular的Observable基本实现中，基本实现只包括Angular本身所需的功能。 如果想要更多的RxJS功能，我们必须导入其所定义的库来扩展Observable对象， 以下是这个模块所需导入的所有RxJS操作符：
1、 引入Http 、Jsonp、RxJs 模块
你可能并不熟悉这种import 'rxjs/Rx'语法，它缺少了花括号中的导入列表：{...}。 这是因为我们并不需要操作符本身，这种情况下，我们所做的其实是导入这个库，加载并运行其中的脚本， 它会把操作符添加到Observable类中。
2、 构造函数内申明：
3、get请求 主要添加map(res => res.json()这个方法
4、Jsonp请求 主要添加map(res => res.json()这个方法
http.get 方法中返回一个Observable对象，我们之后调用RxJS的map操作符对返回的数据做处理。