AngularJS $http.get リクエストでのデータの受け渡し

AngularJS では、$http.get メソッドを使用してリモートからデータを取得できます。サーバ。 $http.post はリクエスト ペイロードでのデータの受け渡しをサポートしていますが、$http.get はデータ処理メカニズムが本質的に異なります。

HTTP GET 制約について

$http とは異なります.post、$http.get は情報を取得するために設計されており、サーバーにデータを送信するための組み込みメカニズムはありません。これは、GET リクエストが冪等であるように意図されているためです。つまり、サーバーの状態は変更されません。

解決策: クエリ文字列パラメータを使用する

$http.get リクエストでは、クエリ文字列パラメータを利用できます。 AngularJS は、これらのパラメータを指定するための設定オブジェクト内に params オプションを提供します。

クエリ文字列パラメータを渡すための構文

$http({
  url: user.details_path,
  method: "GET",
  params: {user_id: user.id}
});

このコードでは、params オブジェクトにキーと値のペア {user_id: user.id} が含まれています。リクエストが送信されると、このデータはクエリ文字列として URL の末尾に追加され、次の形式の GET リクエストが生成されます:

https://example.com/user/details?user_id=123

ドキュメント参照

• [AngularJS API: $http.get](http://docs.angularjs.org/api/ng.$http#get)
• [AngularJS API: $http](https://docs.angularjs.org/api /ng/service/$http#usage) (params パラメーターの使用方法を示します)