angular8 http请求

最新推荐文章于 2021-12-27 14:17:15 发布

Null_Bugs

最新推荐文章于 2021-12-27 14:17:15 发布

阅读量4.9k

点赞数

分类专栏： angular8

本文链接：https://blog.csdn.net/Null_Bugs/article/details/100926478

版权

本文介绍了如何在Angular8中使用HttpClient进行HTTP请求。包括下载Postman辅助工具，安装和配置rest.client插件，以及在Angular应用中导入HttpClientModule。重点讲解了HttpClient的get、post、put、delete方法，并指出它们返回的是Observablle类型，需要订阅才能发送请求。同时，文章还提到了在不同环境中配置HTTP请求的方法和在组件中注入HttpClient的步骤。

摘要由CSDN通过智能技术生成

https://www.getpostman.com 下载postman

在编辑器中搜索rest.client插件

新建一个rest.http的文件

@baseUrl = https://jsonplaceholder.typicode.com

GET {
  {baseUrl}}/posts HTTP/1.1

###
POST  {
  {baseUrl}}/POST HTTP/1.1
Content-Type: : application/json

{
    "title":"这是一个测试的标题",
    "body":"这是一个测试的内容",
    "userId":1
}

Angular HttpClient

导入HttpClientModule

只在根模块中导入

整个应用秩序导入一次，不要在其他的模块导入

在构造中注入 HtppClient

get/post/putdelete 方法对应于Http方法

这些方法是泛型的，可以直接把放回的JSON转换成对应类型

不规范的请求，使用request

返回的值是Observablle

必须订阅，才会发送请求，否则不会发送

编辑器中配置rest client

首先在设置中搜索