Angular2 中的 HttpModule 和 HttpClientModule 有什么区别

### Angular2 中的 HttpModule 与 HttpClientModule

在 Angular2 中，`HttpModule` 和 `HttpClientModule` 是处理 HTTP 请求的两个关键模块。虽然它们都用于发起 HTTP 请求，但它们在实现和用法上有一些显著的区别。

#### HttpModule

`HttpModule` 是 Angular2 最初提供的处理 HTTP 请求的模块。它在 `@angular/http` 包中。通过 `HttpModule`，开发者可以使用 `Http` 服务来执行 GET、POST 等类型的 HTTP 请求。但是，`HttpModule` 在某些方面存在一些不足之处，其中最主要的是它返回的是 `Observable` 而不是 JSON 数据，这意味着需要手动调用 `.json()` 方法来处理返回的数据。

下面是一个使用 `HttpModule` 的简单示例代码：

typescript
import { HttpModule, Http } from '@angular/http';
@NgModule({
  imports: [
    HttpModule,
    // other modules...
  ],
  // other configurations...
})
export class AppModule { }
@Injectable()
export class DataService {
  constructor(private http: Http) {}
  fetchData() {
    return this.http.get('https://jsonplaceholder.typicode.com/posts')
      .map(response => response.json());
  }
}

#### HttpClientModule

随着 Angular 的发展，`HttpClientModule` 取代了`HttpModule` 成为处理 HTTP 请求的首选方式。它位于 `@angular/common/http` 包中。相比于 `HttpModule`，`HttpClientModule` 提供了更多的便利性和类型安全性。

使用 `HttpClientModule`，开发者可以直接获取 JSON 数据，不需要手动调用 `.json()` 方法，因为 `HttpClient` 的 `get`、`post` 等方法返回的是 `Observable