

名前検索をするに当たり、このクエリ文字列は、どういう機能が働いているのでしょうか。

[code]

    this.http.get<Hero[]>(`${this.heroesUrl}/?name=${term}`)
    
[/code]

以下の画像中の、ここのクエリ文字列の意味が分からないです。

[![ここのクエリ文字列の意味が分からないです。](https://i.stack.imgur.com/0ZJ2n.png)](https://i.stack.imgur.com/0ZJ2n.png)


CC BY-SA 4.0
2021-08-14T13:26:15.533
80805
2021-08-15T07:51:54.817
2021-08-15T07:51:54.817
3060
47604
question
typescript angular
Angularチュートリアル(tour of heroes)において、クエリ文字列の用途と働きがわからない。


結論から言いますと、angularのヒーロ-
チュートリアルでは学習者がバックエンドサーバーを用意しなくても学習が進められるように、HttpClientInMemoryWebApiModuleがバックエンドサーバーの代わりをしていて、その実装が隠されているため、実際にリクエストに対してどのように処理しているのか分かりません。（どこかに書いてあったらすいません）ですので、正確にどのような処理が行われているのかというのは分からないですし、今はin-
memory-data.service.tsのherosという配列からnameでヒーローを検索していているという程度の認識で問題ないと思います。

app.module.tsにあるHttpClientInMemoryWebApiModuleの上に書いてある英文のコメントを読んでみましょう。

[code]

    // The HttpClientInMemoryWebApiModule module intercepts HTTP requests
        // and returns simulated server responses.
        // Remove it when a real server is ready to receive requests.
        HttpClientInMemoryWebApiModule.forRoot(
          InMemoryDataService, { dataEncapsulation: false }
        )
    
[/code]

Remove it when a real server is ready to receive requests.とありますね。

実際のwebアプリケーションではフロントエンドからのHTTPリクエストに応じたレスポンスをフロントエンドに返すためのバックエンドサーバーが必要です。各ユーザーに応じたレスポンスを返すためには、HTTPリクエストにどんな情報が欲しいのかを含める必要があります。GETリクエストのクエリパラメータはその方法の一つです。

回答になっているかどうか分かりませんが、お役に立てれば幸いです。学習頑張ってください！


CC BY-SA 4.0
2021-08-14T17:23:13.107
80807
2021-08-14T20:11:41.153
2021-08-14T20:11:41.153
47701
47701
80805
answer