httpClientModuleを導入するために必要なモジュールの前提を使用して、角度httpリクエスト
ルートモジュールapp.module.ts：
インポート { HttpClientModule } から'@角度/共通/ HTTP'
輸入：[
BrowserModule 、
AppRoutingModule 、
HttpClientModule
]、
コンポーネント：
インポート { HttpClientを} から'@角度/共通/ HTTP'
コンストラクタ（公共のhttp ：のHttpClient ）{}
1. GET要求が書かれました：
getData （）{
聞かせてのurl = '/検索/インターフェース/ getrelatequery？単語=％E6％で99％8B％E6％のB1の％の9F'
this.http.get(url).subscribe((res: any)=>{
console.log("GET 请求", res)
this.newsList = res.data.relateQuery
})
}
2. POST 请求写法：
post 请求必须设置请求头
import { HttpClient, HttpHeaders } from '@angular/common/http'
postData() {
let api = '/api/message/readnotice'
let requestData = {
advert_id: '212'
}
let headerOption = { headers: new HttpHeaders({ "Content-Type": 'application/json'})}
this.http.post(api, requestData, headerOption).subscribe((res)=>{
console.log("POST请求：", res)
})
}
3. jsonp 请求：
jsonp 请求与前两种不同之处在与，除了引入 httpClientModule 之外，还要引入 HttpClientJsonpModule
根模块中：
import { HttpClientModule, HttpClientJsonpModule } from '@angular/common/http'
组件中：
如果不引入 HttpClientJsonModule , this.http.jsonp 报错
/**
* jsonp 解决跨域
* 使用 JSONP 格式请求数据的前提是 后台必须支持 jsonp 请求， 请求的 api 中带有 callBack 或者 cb
*/
getJsonpData() {
let url = '/search/interface/getrelatequery?word=%E6%99%8B%E6%B1%9F'
this.http.jsonp(url, 'callback').subscribe((res)=>{
console.log("JSOP 请求数据", res)
})
}