asp.net - asp.net WebサービスでAngularJS $ httpを使用すると、リクエストヘッダーを設定する方法はありますか?

Question

asp.net Web サービスを介したデータの取得に関して、奇妙な問題に遭遇しました。

JQuery の ajax メソッドを使用すると、ヘッダーが正しく設定され、データが JSON で正常に取得されます。

JSON の例:

$.ajax({
    type: "GET",
    url: "service/TestService.asmx/GetTestData",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: callback,
    error: function (err, xhr, res) {
      alert(err);
    }
  });

上記のリクエスト ヘッダーは次のとおりです。

Accept  application/json, text/javascript, */*; q=0.01
Accept-Encoding gzip, deflate
Accept-Language en-US,en;q=0.5
Content-Type    application/json; charset=utf-8
Host    localhost
Referer http://localhost/
User-Agent  Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101 Firefox/24.0
X-Requested-With    XMLHttpRequest

上記の応答ヘッダーは次のとおりです。

Cache-Control   private, max-age=0
Content-Length  327
Content-Type    application/json; charset=utf-8
Date    Tue, 29 Oct 2013 17:59:56 GMT
Server  Microsoft-IIS/7.5
X-AspNet-Version    4.0.30319
X-Powered-By    ASP.NET

これはうまくいきます。

しかし、AngularJS の $http メソッドでは、リクエスト ヘッダーの Content-Type 値が設定されていないため、レスポンス ヘッダーの Content-Type はデフォルトでtext/xml; charset=utf-8. 以下の例を見てください。

$http({
    method : 'GET',
    url: 'service/TestService.asmx/GetTestData',
    headers: {
      'Accept': 'application/json, text/javascript, */*; q=0.01',
      'Content-Type': 'application/json; charset=utf-8'
    }
  }).success(callback);

上記のリクエスト ヘッダーは次のとおりです。Content-Type が欠落していることがわかります。

Accept  application/json, text/javascript, */*; q=0.01
Accept-Encoding gzip, deflate
Accept-Language en-US,en;q=0.5
Host    localhost
Referer http://localhost/ComponentsAndRepos/
User-Agent  Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101 Firefox/24.0

したがって、上記の応答ヘッダーは次のとおりです。

Cache-Control   private, max-age=0
Content-Encoding    gzip
Content-Length  341
Content-Type    text/xml; charset=utf-8
Date    Tue, 29 Oct 2013 17:59:56 GMT
Server  Microsoft-IIS/7.5
Vary    Accept-Encoding
X-AspNet-Version    4.0.30319
X-Powered-By    ASP.NET

したがって、これにより応答が JSON ではなく XML として返されます。これを解決する方法はありますか?

ありがとうございました、

Erstad Stephen のおかげで更新

これは、メソッドにdata:{}プロパティを追加することで解決されました$http。

    $http({
    method : 'GET',
    url: 'service/TestService.asmx/GetTestData',
    data: {},
    headers: {
      'Accept': 'application/json, text/javascript, */*; q=0.01',
      'Content-Type': 'application/json; charset=utf-8'
    }
  }).success(callback);