正文 

当前位置： 首页 > 知识 >

使用 HttpClient 发出 get 请求

     2023-03-05     195

关键词：

【中文标题】使用 HttpClient 发出 get 请求【英文标题】：Using HttpClient to make get requests 【发布时间】：2021-12-09 16:00:45 【问题描述】：

我已经编写了以下代码来获取虚拟数据here：

export class AppComponent 
    
  jsonPosts: any = [];

  constructor(private httpClient: HttpClient)  

  OnInit() 
    this.getJsonPosts();
  

  getJsonPosts(): any 
    return this.httpClient.get("https://jsonplaceholder.typicode.com/posts")
      .subscribe(response => 
        console.log(response);
        this.jsonPosts = response;
      );

我还编写了以下代码以在我的 HTML 模板中显示它们：

  <ul *ngFor="let i of jsonPosts">
    <li>i.userId</li>
    <li>i.id</li>
    <li>i.title</li>
    <li>i.body</li>
  </ul>

但是，根本没有网络活动，因此没有任何显示...

我在这里做错了什么？

【问题讨论】：

这正是 Angular 风格指南推荐实现生命周期接口的原因：angular.io/guide/styleguide#implement-lifecycle-hook-interfaces。 【参考方案1】：

你没有调用OnInit 方法。如果你想让 Angular 生命周期调用你的方法，你的组件必须实现 OnInit 接口和 ngOnInit 方法。

更多here.

所以你的组件代码应该是这样的：

export class AppComponent implements OnInit 
    
  jsonPosts: any = [];

  constructor(private httpClient: HttpClient)  

  ngOnInit(): void 
    this.getJsonPosts();
  

  getJsonPosts(): any 
    return this.httpClient.get("https://jsonplaceholder.typicode.com/posts")
      .subscribe(response => 
        console.log(response);
        this.jsonPosts = response;
      );

【讨论】：

C# 使用 httpclient 发出 https 请求

】C#使用httpclient发出https请求【英文标题】：C#makinghttpsrequestwithhttpclient【发布时间】：2017-06-0817:32:44【问题描述】：UPD：此代码适用于windowsserver2012，但不适用于windows7、8、10。我也不知道为什么我正在尝试向某些仅允许https连接... 查看详情

是否可以使用 Apache HTTPClient 4.2.5 发出 HTTP/2 请求？

】是否可以使用ApacheHTTPClient4.2.5发出HTTP/2请求？【英文标题】：IsitpossibletoMakeHTTP/2requestswithApacheHTTPClient4.2.5?【发布时间】：2020-04-1823:51:12【问题描述】：我正在尝试使用apache客户端发出HTTP/2请求。以下版本可以吗？在我的Web应... 查看详情

使用 httpclient 使用 Json Body 调用 Get 请求

】使用httpclient使用JsonBody调用Get请求【英文标题】：CallingGetRequestwithJsonBodyusinghttpclient【发布时间】：2020-08-0914:21:41【问题描述】：今天早上我遇到了一个问题，我调用的Api是一个Get方法，但要从中获取数据，我必须发送json正文... 查看详情

如何使用授权标头发出 GET CORS 请求

】如何使用授权标头发出GETCORS请求【英文标题】：HowtomakeGETCORSrequestwithauthorizationheader【发布时间】：2014-09-2317:00:14【问题描述】：我正在阅读有关CORS请求的信息，并且我已经设法发出常规的GET或POST请求并且它工作正常。但是... 查看详情

发出 GET Curl 请求时使用时间戳参数出错

】发出GETCurl请求时使用时间戳参数出错【英文标题】：ErrorusingtimestampparameterwhenmakingGETCurlrequest【发布时间】：2022-01-2210:04:42【问题描述】：在使用Curl发出GET请求时在日期参数中使用时间戳时，我收到“403Forbidden”错误。这是我... 查看详情

由于 CORS 问题，无法在 Angular 中发出 HttpClient 发布请求

】由于CORS问题，无法在Angular中发出HttpClient发布请求【英文标题】：UnabletomakeHttpClientpostrequestinAngularbecauseofCORSissue【发布时间】：2018-09-1817:58:02【问题描述】：我正在使用Angular开发一个Web应用程序。后端API是使用LaravelPHP框架开... 查看详情

如何使用 HttpClient 在 GET 请求正文中发送内容？

】如何使用HttpClient在GET请求正文中发送内容？【英文标题】：HowtouseHttpClienttosendcontentinbodyofGETrequest?【发布时间】：2017-04-1501:07:25【问题描述】：目前要向API接口发送参数化的GET请求，我正在编写以下代码：api/master/city/filter?city... 查看详情

Angular HttpClient 简单的 GET 发送预检选项。如何强制我的 GET 保持简单请求？

】AngularHttpClient简单的GET发送预检选项。如何强制我的GET保持简单请求？【英文标题】：AngularHttpClientsimpleGETsendingpreflightOPTIONS.HowdoIenforcemyGETtoremainasimplerequest?【发布时间】：2019-03-2717:59:36【问题描述】：正如标题所述，我想发出... 查看详情

使用 ServiceStack JsonServiceClient 发出 Get 请求时，ContentType 为空

】使用ServiceStackJsonServiceClient发出Get请求时，ContentType为空【英文标题】：ContentTypeisnullwhenmakingGetrequestsusingServiceStackJsonServiceClient【发布时间】：2015-03-1017:00:41【问题描述】：在我的集成测试中，当我使用ServiceStack的JsonServiceClient... 查看详情

golang使用httpclient发起get和post请求示例

golang要请求远程网页，可以使用net/http包中的client提供的方法实现。查看了官方网站有一些示例，没有太全面的例子，于是自己整理了一下。get请求get请求可以直接http.Get方法，非常简单。1234567891011121314funchttpGet(){   &n... 查看详情

golang使用httpclient发起get和post请求示例

【转自http://www.01happy.com/golang-http-client-get-and-post/ 】 get请求get请求可以直接http.Get方法，非常简单。1234567891011121314funchttpGet(){    resp,err:=http.Get("http://www.01happy.com 查看详情

Safari 未能使用 Angular 的 HttpClient 发送有效的 GET 请求

】Safari未能使用Angular的HttpClient发送有效的GET请求【英文标题】：SafarifailingtosendvalidGETrequestusingAngular\'sHttpClient【发布时间】：2020-03-1119:37:14【问题描述】：在Safari中发送GET请求时，Safari无法向服务器发送有效请求。事实上，它... 查看详情

IntelliJ IDEA：使用 HTTP 客户端发出 HTTP/2 请求

...发出HTTP/2请求【英文标题】：IntelliJIDEA:makeHTTP/2requestswithHTTPclient【发布时间】：2022-01-1906:04:01【问题描述】：IDEA中有HTTPclient。它允许将HTTP请求保存到文件中的Web服务器并稍后运行。对开发很有帮助。简单的GET请求：###GETrequestwi... 查看详情

fiddler抓取idea上用httpclient发出的网络请求(代码片段)

原先使用HttpClient发送请求的代码是这样的：publicstaticvoidtestHttpClient()throwsIOExceptionCloseableHttpClientclient=HttpClientBuilder.create().build();Stringurl="http://www.baidu.com/";HttpGe 查看详情

尝试使用 NSURL 在 objC 中发出 GET 请求

】尝试使用NSURL在objC中发出GET请求【英文标题】：TryingtomakeGETrequestinobjCusingNSURL【发布时间】：2014-03-2605:33:02【问题描述】：我正在尝试在iOS应用中提出此请求我已经使用NSURLConnection登录了网站，完成处理程序中有以下代码：NSMu... 查看详情

如何使用 express.js 向本地 json 文件发出 GET 请求？

】如何使用express.js向本地json文件发出GET请求？【英文标题】：HowtomakeGETrequestwithexpress.jstoalocaljsonfile?【发布时间】：2018-04-2412:25:36【问题描述】：我想使用express向本地JSON文件发出GET请求。在我的server.js中有这个vardata=;app.get(\'/s... 查看详情

HttpClient (C#) 在许多异步请求上失败？

】HttpClient(C#)在许多异步请求上失败？【英文标题】：HttpClient(C#)failsonmanyasynchronousrequests?【发布时间】：2014-02-0416:36:10【问题描述】：我正在使用HttpClient异步向外部api发出许多请求。我等待所有请求完成，然后在其他代码中使... 查看详情

httpclient4.x发送get请求的url参数拼接

HttpClient4.X发送Get请求的参数拼接使用httpClient发送get请求时，请求参数可以以？key=val&key1=val1的拼接到url后面。但是请求参数较多时，这种方法比较麻烦，也不太优雅；研究了一下发现HttpClient4.X本身是支持处理参数的。1.使用U... 查看详情