是否可以將數據從AngularJS傳遞到webservice中具有模型參數的函數？

Question

我想知道是否可以將數據從AngularJS傳遞到webservice中具有模型參數的函數？

這是我的webservice代碼：

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public void AddUser(
    //string FirstName, string LastName, string Mi //this works
    User user //not working
    )
{
    SqlConnection con = new SqlConnection(@"Data Source=########;Initial Catalog=test001;Persist Security Info=True;User ID=########;Password=########");
    SqlCommand cmd = new SqlCommand("insert into [dbo].[User] values(@fname,@lname,@mi)", con);

    con.Open();
    cmd.Parameters.AddWithValue("@fname", user.FirstName);
    cmd.Parameters.AddWithValue("@lname", user.LastName);
    cmd.Parameters.AddWithValue("@mi", user.Mi);
    cmd.ExecuteNonQuery();
    con.Close();
}

這是我的angularJS代碼：

$scope.Create = function () {
    var user = {
        FirstName: $scope.FirstName,
        LastName: $scope.LastName,
        Mi: $scope.Mi
    };

    $http.post('testws.asmx/AddUser', user, {
        headers: { 'Content-Type': 'application/json; charset=utf-8' }
    }).success(function (data) {
        alert('Success');
    });
}

Answer 1

這是非常可行的。 在最壞的情況下，您可以在服務方法中從Request.Form中提取參數。

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public void AddUser()
{
    /// here you get your json object from post data
    var serializedUser = Request.Form["user"] as string;
    var user = JsonConvert.DeserializeObject<User>(serializedUser);

    SqlConnection con = new SqlConnection(@"Data Source=172.16.176.74;Initial Catalog=test001;Persist Security Info=True;User ID=onbapps;Password=sdu_123456");
    SqlCommand cmd = new SqlCommand("insert into [dbo].[User] values(@fname,@lname,@mi)", con);

    con.Open();
    cmd.Parameters.AddWithValue("@fname", user.FirstName);
    cmd.Parameters.AddWithValue("@lname", user.LastName);
    cmd.Parameters.AddWithValue("@mi", user.Mi);
    cmd.ExecuteNonQuery();
    con.Close();
}

所以這是可能的，但我確信存在更多更簡潔的方法。

Answer 2

在服務或工廠，你可以寫

var promise = $http({
url: "testws.asmx/AddUser"+ "/Post",
method: "POST",
data: user
});
return promise;