在app.module。ts中引入HttpClientModule并注入
从“@angular进口{HttpClientModule}/共同/http ';
进口:[
BrowserModule,
HttpClientModule
)
<>强角得到请求数据
在用到的地方引入HttpClient并在构造函数声明
从“@angular进口{HttpClient}/共同/http”;
构造函数(公共http: HttpClient) {}
得到请求数据
api var=" http://a.itying.com/api/productlist ";
this.http.get (api)。订阅(反应=比;{
console.log(响应);
});
<>强角后提交数据
在用到的地方引入HttpClient, HttpHeaders并在构造函数声明HttpClient
从“@angular进口{HttpClient, HttpHeaders}/共同/http”;
构造函数(公共http: HttpClient) {}
文章提交数据
const httpOptions={
标题:新HttpHeaders({“内容类型”:“application/json”})
};
api var=" http://127.0.0.1:3000 doLogin”;
this.http.post (api,{用户名:“张三”,年龄:“20”},httpOptions)。订阅(反应=比;{
console.log(响应);
});
<>强角Jsonp请求数据
在app.module。ts中引入HttpClientModule, HttpClientJsonpModule并注入
进口{HttpClientModule, HttpClientJsonpModule}
“@angular/共同/http”;
进口:[
BrowserModule,
HttpClientModule,
HttpClientJsonpModule
)
在用到的地方引入HttpClient并在构造函数声明
从“@angular进口{HttpClient}/共同/http”;
构造函数(公共http: HttpClient) {}
jsonp请求数据
api var=" http://a.itying.com/api/productlist ";
“回调”,this.http.jsonp (api)。订阅(反应=比;{
console.log(响应);
});
角中使用第三方模块axios请求数据
<>强安装axios
cnpm安装axios——保存
用到的地方引入axios
从“进口axios axios ';
axios.get('/用户# 63;ID=12345)
不要犹豫(函数(响应){//处理成功
console.log(响应);
}）
.catch(函数(错误){//处理错误
console.log(错误);
}）
不要犹豫(函数(){//总执行
});
封装服务作为http服务
从“@angular进口{注射}/核心”;
从“进口axios axios ';
@Injectable ({
providedIn:“根”
}）
出口类HttpserviceService {
构造函数(){}
axiosGet (api) {
返回新的承诺((解决,拒绝)=祝辞{
axios.get (api)
不要犹豫(函数(响应){//处理成功
解决(响应)
});
}）
}
}
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。
