AngularJSでデータを$http.getリクエストに渡す方法

1. クエリ文字列パラメータとしてデータを渡す方法:

var data = { name: 'John', age: 30 };
var config = {
  params: data
};
$http.get('/api/data', config)
  .then(function(response) {
    // レスポンスの処理
  })
  .catch(function(error) {
    // エラーハンドリング
  });

この例では、paramsプロパティを使用してデータを渡しています。/api/dataはリクエストのエンドポイントです。

2. リクエストボディとしてデータを渡す方法:

var data = { name: 'John', age: 30 };
$http({
  method: 'GET',
  url: '/api/data',
  data: data
})
  .then(function(response) {
    // レスポンスの処理
  })
  .catch(function(error) {
    // エラーハンドリング
  });

この例では、dataプロパティを使用してデータをリクエストボディに渡しています。

3. URLパラメータとしてデータを渡す方法:

var name = 'John';
var age = 30;
var url = '/api/data?name=' + name + '&age=' + age;
$http.get(url)
  .then(function(response) {
    // レスポンスの処理
  })
  .catch(function(error) {
    // エラーハンドリング
  });

この例では、URLのクエリ文字列にデータを直接埋め込んでいます。

これらの方法を使用すると、AngularJSの$http.getメソッドを介してデータを$http.getリクエストに渡すことができます。適切な方法を選択し、アプリケーションの要件に基づいてデータを渡してください。