Angularjs $ http.post - ASPX WebメソッドへのJSONとしてのパラメータの送信

Question

web_ethodにhttp投稿を送信する次のangularjsコードがありますが、これ以上の情報がないと次のエラーが発生します。助けてもらえますか？ webmethodにデータを送信せず、そのデータだけを取得しても、正常に動作します。

は、リソースの読み込みに失敗しました：サーバーは500（内部サーバーエラー）の状態で応答し angular.js：11442 POST http://localhost:54461/GetData.aspx/getData 500（内部サーバーエラー）

Javascriptを：

var request = "{'name':'" + "Nariman" + "'age':'" + 12 + "'}"; 
$scope.retData = {}; 

var config = { 
    headers: { 
     'Content-Type': '"application/json; charset=utf-8";', 
     'dataType': '"json"' 
    } 
} 

$scope.retData.getResult = function (item, event) { 

    $http.post('GetData.aspx/getData', request, config) 
     .success(function (data, status, headers, config) { 
      $scope.retData.result = data.d; 
     }) 
     .error(function (data, status, headers, config) { 
      $scope.status = status; 
     }); 
} 

ASPXをWebMethod属性（Cの＃）：

public static string getData(string name, int age) 
{ 
    string.Format("Name: {0}{2}Age: {1}", name, age, Environment.NewLine); 
} 

EDIT ---------------------------- ----------

私はwebmethodにjsonデータを送信しない場合、正常に動作します。例えば以下のコードが動作し、webmethodの中にブレークポイントを置くと、そこに行くことが示されます。しかし、私はJSONデータを送信する場合、それはWebMethod属性内で行っておりません。

Javaacript（任意のJSONデータを送信しない）：

var config = { 
    headers: { 
     'Content-Type': '"application/json; charset=utf-8";', 
     'dataType': '"json"' 
    } 
} 

$scope.retData.getResult = function(item, event) { 
    $http.post('GetData.aspx/getData', data, config) 
     .success(function(data, status, headers, config) { 
      $scope.retData.result = data.d; 
     }) 
     .error(function(data, status, headers, config) { 
      $scope.status = status; 
     }); 
} 

ASPX（無入力のparam）

public static string getData() 
{ 
    // just having a breakpoint shows it comes inside the 
    // webmethod when no data is passed. 
} 

Answer 1

あなたの問題は、あなたの質問の最初のコメントでEmmanual Duraiが指摘しているようです：var request = "{'name':'" + "Nariman" + "'age':'" + 12 + "'}";は有効なjsonオブジェクトではありません。

リクエストは、{'name':'Nariman'age':'12'}として、JSONを解析しない文字列（フォーマットに問題があります）として表示されます。

あなたは

var request = { 
    name: "Nariman", 
    age: 12 
} 

var requestString = JSON.stringify(request) 

はこちらも見How to pass json POST data to Web API method as objectを持ってしてください有効な文字列を取得するには、以下のようなものを試してみてください。あなたの問題は典型的には$httpに固有ではありませんが、一般的にはXHRです。

Answer 2

単に変更：

var request = "{'name':'" + "Nariman" + "'age':'" + 12 + "'}"; 

た：

var request = { name: "Nariman", age: 12 }; 

あなたはJSON.stringifyを（使用する必要はありません）

var request = { name: "Nariman", age: 12 }; 
var config = { 
    headers: { 
     "Content-Type": "application/json; charset=utf-8" 
    } 
} 
    $http.post('GetData.aspx/getData', request, config) 
     .success(function(data, status, headers, config) { 
      $scope.retData.result = data.d; 
     }) 
     .error(function(data, status, headers, config) { 
      $scope.status = status; 
     });