AngularJS $http.put 不适用于 ASP.NET MVC 控制器

Question

我正在尝试创建一个简单的页面，我在其中使用 $http.put 将一些数据发送到服务器。

脚本代码

<script>
var myApp = angular.module("myApp", []);
myApp.controller("HttpPostController", function ($scope, $http) {

    $scope.SendHttpPostData = function () {

        var data = $.param({
            firstName: $scope.firstName,
            lastName: $scope.lastName,
            age : $scope.age
        });

        $http.put('/ServerRequest/PutDataResponse', data)
        .success(function (data, status, headers, config) {
            $scope.ServerResponse = data;
        })
        .error(function (data, status, header, config) {
            $scope.ServerResponse =  htmlDecode("Data: " + data +
                "\n\n\n\nstatus: " + status +
                "\n\n\n\nheaders: " + header +
                "\n\n\n\nconfig: " + config);
        });
    };

});</script>

我的 HTML 代码

<div ng-app="myApp" ng-controller="HttpPostController">
<form ng-submit="SendHttpPostData()">
    <p>First Name: <input type="text" name="firstName" ng-model="firstName" required /></p>
    <p>Last Name: <input type="text" name="lastName" ng-model="lastName" required /></p>
    <p>Age : <input type="number" name="age" ng-model="age" required /></p>
    <input type="submit" value="Submit" />
    <hr />
    {{ ServerResponse }}
</form></div>

ASP.NET MVC 控制器操作方法

    [HttpPut]
    public ContentResult PutDataResponse(string firstName, string lastName, int age)
    {
        return Content("First name: " + firstName +
            " | Last name: " + lastName +
            " | Age: " + age +
            " | Request Type: " + Request.RequestType.ToString());
    }

我收到的错误消息如下

TTP 错误 404.0 - 未找到 您要查找的资源已被删除、更改名称或暂时不可用。最可能的原因： Web 服务器上不存在指定的目录或文件。 URL 包含印刷错误。自定义过滤器或模块（例如 URLScan）限制对文件的访问。您可以尝试的方法： 在 Web 服务器上创建内容。查看浏览器 URL。检查失败的请求跟踪日志，看看哪个模块在调用 SetStatus。

所以在 ASP.NET MVC 中它不起作用。 （POST 和 GET 有效）。我用 ASP.NET MVC Web API 尝试了上述方法，它工作正常。我可以使用 mvc web api 的 PUT 方法发送和接收响应。

问题是为什么它在 ASP.NET MVC 中不起作用，即使方法动词是 [HttpPut]。

谢谢

Answer 1

好的，经过一番努力，我找到了解决方案。实际上，问题在于默认情况下 ASP.NET MVC 不允许“PUT”或“DELETE”请求类型，因此我们需要在 web.config 文件中启用它们，如下所示。

  <system.webServer>
<modules>
  <remove name="FormsAuthentication" />
  <remove name="FormsAuthenticationModule" />
</modules>
<handlers>
  <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
  <remove name="OPTIONSVerbHandler" />
  <remove name="TRACEVerbHandler" />

  <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />

</handlers>
  </system.webServer>

注意 ExtensionlessUrlHandler-Integrated-4.0 处理程序。这会有所不同。这允许所有类型的动词都可以接受，因此即使 PUT 请求现在也适用于 ASP.NET MVC。

Answer 2

我怀疑模型绑定的工作方式不同。你正在传递：

    var data = $.param({
        firstName: $scope.firstName,
        lastName: $scope.lastName,
        age : $scope.age
    });

一个对象，具有 3 个属性。然而，您的 MVC 控制器方法正在寻找 3 个参数：string firstName, string lastName, int age

您可以更改您的 MSC 控制器方法以期望具有 3 个属性的对象，即：

public class myViewModel
{
    string firstName; 
    string lastName;
    int age;
}

public ContentResult PutDataResponse(myViewModel formData)

或

更改请求以传递URL中的参数：

$http.get('/ServerRequest/PutDataResponse?firstname=bob&lastname=smith&age=12')

另外，检查您的路线：'/ServerRequest/PutDataResponse'。如果您使用默认路由，这将映射到您的 /ServerRequestController 和第一个 HttpPut 方法。从您的示例中，我不知道您的控制器上是否有多个 HttpPut 方法。如果这样做，您可以在 MVC 方法的顶部添加一个 attribute route [Route("ServerRequest/PutDataResponse")]。