Angular HttpClient请求JSON和非JSON数据

从Angular 4开始,Angular的http请求改用HttpClient。

添加HttpClientModule

首先需要引入HttpClientModule,它需要放在BrowserModule后:

import { NgModule }         from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';
@NgModule({
imports: [
BrowserModule,
HttpClientModule,
],
declarations: [
AppComponent,
],
bootstrap: [ AppComponent ]
})
export class AppModule {}

请求JSON数据

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable()
export class ConfigService {
constructor(private http: HttpClient) { }
getData() {
return this.http.get(this.dataUrl);
}
}

HttpClient其中一个特性是默认返回的数据为json数据。,使用它返回的数据如下:

http.get(url).subscribe(...)

对于angular 4之前,则需要做json转换:

http.get(url).map(res => res.json()).subscribe(...)

请求非JSON数据

如果需要返回非JSON数据,则需要在请求时设置responseType头信息为text:

getTextFile(filename: string) {
return this.http.get(filename, {responseType: 'text'})
.pipe(
tap(
data => this.log(filename, data),
error => this.logError(filename, error)
)
);
}

http.get()返回的是一个Observable<String>

版权声明:著作权归作者所有。

相关推荐

Jackson设置JSON的日期格式

Jackson使用ObjectMapper解析JSON数据,如果需要设置JSON日期格式,可以使用ObjectMapper的setDateFormat方法设置:ObjectMapper om = new ObjectMapper(); om.configure(Feature.WRITE_DATES_AS_TIMESTAMPS, false); o

Django响应http请求返回JSON数据

首先使用字典结构存放数据,例如返回错误信息:import json from django.http import HttpResponse response_data = {} response_data['result'] = 'error' response_data['message'] =&nb

Python解析http请求返回的JSON响应

python解析JSON响应可以使用以下两种方式:1、json.loadsimport json import requests response = requests.get(...) json_data = json.loads(response.text) 这种方法会把字符串转换为字典类型,这样就可以向json一样访问对象。2、r

Shell脚本使用curl命令发送JSON数据

在Linux使用命令行工具curl发送JSON数据需要把content-type设置为“application/json”。-H "Content-Type: application/json 示例curl -H "Content-Type: application/json" -X POST&nb

Linux使用命令行解析JSON数据获取属性值

在Linux有几个办法可以很方便在命令行解析JSON数据jqcurl -s 'http://example.com/api/user' | jq -r '.name' Python使用Python也可以很方便地解析JSON数据Python 2curl -s 'http://example.com/api/us

Django:创建JSON响应

Django 1.7之前版本在Django1.7之前可以结合json以及HttpResponse创建json响应import json from django.http import HttpResponse response_data = {} response_data['result'] = 'er