2

第一个参数是复杂类型对象（JSON），第二个参数是简单类型（字符串）。这里我使用的是 Web API 2。

我把我的代码放在下面。

网络 API

 public class UserDetailsModel
 {
    [Key]
    [EmailAddress]
    public string LoginEmail { get; set; }

    public string FirstName { get; set; }
    public string LastName { get; set; }
    public string Password { get; set; }
    public string DisplayPic { get; set; }

    [EmailAddress]
    public string AlternateEmail { get; set; }

    public string Organization { get; set; }
    public string Occupation { get; set; }
    public string Contact { get; set; }
    public DateTime DoB { get; set; }
    public string Gender { get; set; }
    public string Country { get; set; }
    public string State { get; set; }
    public string City { get; set; }
    public string Website { get; set; }
    public string Info { get; set; }
    public DateTime DateOfRegister { get; set; }

    //public string LoginIP { get; set; }
    public int LoginFlag { get; set; }
}

public int RegisterUser(UserDetailsModel userReg, string LoginIP)
 {
     .
     .
     .
 }

angularjs

var UserDetails = {
                'LoginEmail': $scope.LoginEmail,
                'LoginName': $scope.LoginName,
                'Password': $scope.Password,
                'DoB': $scope.DoB,
                'Gender': $scope.Gender,
                'City': $scope.City,
                'State': $scope.State,
                'Country': $scope.Country
};
var request = $http({
        method: 'post',
        url: urlBase + '/UserDetails',
        params: { 'userRegJSON': UserDetails, 'LoginIP': LoginIP }
    });

在上面的代码中，我在 UserDetails 中得到 NULL，在 Web API 的 LoginIP 中得到 192.152.101.102。

var request = $http({
        method: 'post',
        url: urlBase + '/UserDetails',
        data: { 'userRegJSON': UserDetails, 'LoginIP': LoginIP }
    });

在上面的代码中，我在 Web API 的参数 UserDetails 和 LoginIP 中都得到了 NULL。

那么如何使用angularjs在http POST方法中传递两种或多种不同的参数类型。

4

3 回答 3

2

您不能在 webAPI 中传递 2 种类型。要么以单一类型传递所有内容，要么可以执行以下操作

var request = $http({
    method: 'post',
    url: urlBase + '/UserDetails?LoginIp=' + LoginIP,
    data: UserDetails,

});

在 API 中将签名更改为

public int RegisterUser([FromBody]UserDetailsModel userReg, [FromUri]string LoginIP)
{
 .
 .
 .
}
于 2016-09-01T06:44:09.773 回答
0

当您希望在方法中传递 2 个参数时，Webapi 不能很好地工作POST 。Webapi 中的 ModelBinding 总是针对单个对象工作，因为它映射了一个模型。您可以使用一些解决方法来完成这项工作：

同时使用 POST和QueryString 参数 如果您同时有复杂和简单参数，则可以在查询字符串上传递简单参数。您的代码实际上应该可以使用：类似这样的东西

/baseUri/UserDetails?LoginIP=LoginIP

但这并不总是可能的。在此示例中，在查询字符串上传递用户令牌可能不是一个好主意。

请参阅 @Ravi A对代码进行更改的建议。

于 2016-09-01T06:46:11.037 回答
0

仔细阅读：在我的 api 方法签名中使用简单和复杂的类型 将多个对象从 Angular 控制器发布到 Web API 2

于 2016-09-01T06:51:44.400 回答