Angularjs和WebAPI Put方法参数始终为空

Lukasz 发表于 Dev

卢卡斯

我有一个突然停止工作的应用程序。据我所知，我无法确定为什么这应该起作用。我一定在这里遗漏了一些非常简单的东西。这是代码，Angular代码调用API，而API方法获得调用，但该方法的参数始终为null。该呼叫是PUT呼叫。

public static void Register(HttpConfiguration config)
{
    // Web API configuration and services

    // Web API routes
    config.MapHttpAttributeRoutes();

    config.Routes.MapHttpRoute(
        name: "DefaultApi",
        routeTemplate: "api/{controller}/{value}",
        defaults: new { value = RouteParameter.Optional }
    );
}

这是我的路线，以防万一出现问题。但是我不这么认为，因为方法确实被调用，只是参数没有被传入。

[Authorize]
public class UsersController : ApiController
{
    // PUT api/users/undelete
    [HttpPut]
    public void Undelete(long? value)
    {
        if (!value.HasValue)
        {
            throw new ArgumentNullException("[UsersController => Undelete(long? value)]");
        }

        new UsersBoundary(this.repository).UndeleteUser(value.Value);
    }

    public UsersController(IUsersRepository repository)
    {
        this.repository = repository;
    }

    public UsersController() : this(new UsersRepository()) {  }

    private readonly IUsersRepository repository;
}

那是WebAPI的用户控制器，在这里没什么用。Undelete方法确实会被调用，但是时间长吗？值参数始终为null。

(function () {
    'use strict';

    var app = angular.module('adminpowertools');

    var HomeController = function ($scope, homeService) {

        $scope.searchString = '';
        $scope.currentPage = 1;

        $scope.undelete = function(user) {
            homeService.undeleteUser(user.recordId);
            angular.forEach($scope.users, function(value, key) {
                if (value.recordId === user.recordId) {
                    value.deleted = 0;
                }
            });
        };
    };

    app.controller('HomeController', ['$scope', 'HomeService', HomeController]);

}());

这也是我的控制器非常简单，我认为这里没有任何损坏，但出于完整性考虑，我将其包括在内。

(function () {
    'use strict';

    var app = angular.module('adminpowertools');

    var HomeService = function ($http) {

        var undeleteUser = function(userId) {
            var uri = 'api/users/undelete';
            var data = { value: userId };

            return $http.put(uri, JSON.stringify(data)).success(function(data, status, headers, config) {
                return true;
            });
        };

        return {
            undeleteUser: undeleteUser
        };
    };

    app.factory('HomeService', ['$http', HomeService]);
}());

这是调用控制器的服务。同样，它确实调用了控制器，只是没有传递数据变量中设置的值。我尝试将数据设置为'value ='+ userId，我尝试使用双引号和单引号，但没有引号似乎没有任何作用。

任何帮助将不胜感激。谢谢。

克里斯故事

您是通过消息的正文而不是Uri传递数据（在这种情况下为值）。默认情况下，Web Api将查询字符串参数的URI序列化为特定方法而非主体上的变量。

更改您的Angular调用，以通过“ params”属性和“ data”参数将值参数发送到$ http。注意，我将其重构为config对象，以传递给$ http使其更整洁。

var undeleteUser = function(userId) {
        var config = {
            method: 'PUT',
            url: 'api/users/undelete',
            params: { value: userId }
        };            

        return $http(config).success(function(data, status, headers, config) {
            return true;
        });
    };

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。