angs js 1.6.4 $ http.post example

Question

角度jsを使用しています。1.6.4私のasmxサービスを角$ http.postで呼び出しますが、内部サーバーエラーが発生しました。サービスが呼び出されず、デバッグできませんでした。

(function() { 
     angular.module("myapp", []) 
      .controller("TestController", function ($scope,$http) { 
       $scope.SaveFormData = function() { 
        $scope.msg; 
        var user = {}; 
        user.FirstName = $scope.FirstName; 
        user.LastName = $scope.LastName; 


        $http.post('http://localhost:50829/pages1/TestService.asmx/SavePersonalData', JSON.stringify({ data: user })).then(function (response) { 
         if (response.data) { 
          console.log(response.data); 
          $scope.msg = response.data.d; 
         } 

        }, function (response) { 
         Console.log("Service not Exists"); 
         Console.log(response.status); 
         console.log(response.statusText); 

        }); 

       }    

       } 
      }); 
    })(); 

、ここで私のASMXサービスがどのように私は私のASMXサービスに私のhtmlフォームの姓を投稿しない

[WebMethod] 
    public string SavePersonalData(PersonalData data) 
    { 
     System.Diagnostics.Debug.WriteLine(data.FirstName); 
     return "saved"; 
    } 

です。

Answer 1

あなたは、あなたがC＃でオブジェクトを受信する必要がLoCは

data: { FirstName: $scope.FirstName }, 

を持つオブジェクトを送っています。送信しているものと一致するオブジェクトを受け入れるようにC＃コードを変更します。

タグを付けてくださいクラス

public class PersonalData { 
    public string FirstName {get;set;} 
} 

と角度1.xの質問については、ウェブメソッド

[WebMethod] 
public string SavePersonalData(PersonalData data) 
{ 
    System.Diagnostics.Debug.WriteLine(data.FirstName); 
    return "saved"; 
}