使用Angular内置模块进行HTTP请求

概要

• 使用Angular内置模块进行HTTP请求”
• “配置Angular模块以支持HTTP请求”
• “在Angular中使用GET请求进行数据获取”
• “使用Angular的POST请求发送数据”
• “在Angular组件中声明HTTP请求服务”

方法步骤 

• 在app.module.ts中引入我们http请求模块：

// 引入angular的内置请求模块
import {HttpClientModule} from '@angular/common/http'

• 在app.module.ts的模块配置中，配置我们引入的http请求模块：

// 配置模块
imports: [
  BrowserModule,
    // 请求模块
  HttpClientModule
]

• 如果只是单单使用get请求

// 在组件中引入http请求服务---get请求
import {HttpClient} from '@angular/common/http'

• 如果还要用post请求的话，还需要引入httpHeaders

// 如果是post请求，还需要引入httpHeaders
import {HttpClient,HttpHeaders} from '@angular/common/http'

然后在我们组件的ts文件的constructor构造器中声明一下即可

// 声明
 constructor(public http:HttpClient) { }

以上就是使用Angular内置模块进行HTTP请求的详细内容，更多关于Angular http请求配置的资料请关注脚本之家其它相关文章！

来源链接：https://www.jb51.net/javascript/3002540cr.htm