如何从angularjs中的POST API读取Location标头？

凌经赋

2023-03-14

问题内容：

我的发布方法是这样的：

    public HttpResponseMessage AddUser(User user)
    {
        UserManager userManager = new UserManager();
        try
        {
            userManager.Create(user);

            var savedUser = userManager.FindUserByClientId(user.ClientId);
            HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.Created, user);
            response.Headers.Location = new Uri(Url.Link("DefaultApi", new { id = savedUser.Id }));
            return response;
        }
        catch(Exception ex)
        {
            return Request.CreateErrorResponse(HttpStatusCode.BadRequest, ex.Message);
        }

    }

在角度上，我试图读取该Location标头，但到目前为止，我仍然无法读取。

return $http.post('http://localhost:30028/api/values/adduser', user)
        .success(function (data, status, headers, config) {
            alert(angular.toJson(data));
            alert(angular.toJson(status));
            alert(angular.toJson(headers));
            alert(angular.toJson(config));
         };

我只是检查每个内容，而没有位置标头。有没有一种方法可以访问位置标头，以便我知道新对象的网址？

问题答案：

根据文档，headers对象实际上是一个返回标头的函数，如下所示：

.success(function(data, status, headers, config) {
    alert( headers('Location') );
});

如果要收集所有标头，则可以执行以下操作：

.success(function(data, status, headers, config) {
    console.log( headers() );
});

注意： 如果服务器将响应代码设置为301或302，则将无法
获取Location标头，因为标头将自动透明地跟在XMLHttpRequest对象之后。

因此，请确保您正确设置了响应代码。我在PHP中对此进行了测试（我并没有使用太多），却忘记了设置Location标头会自动设置响应代码。为了测试这一点，我不得不使用：

header('Location: blah-blah', true, 200);

这是我的工作代码示例，只需将其保存到location-test.phpPHP服务器上并运行即可：

<?php

if(isset($_GET['q'])) {
    header('Content-Type: application/json');
    header('Location: user/1', true, 200);
    echo json_encode(array('query' => $_GET['q']));
} else {

?>
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">

  <script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.5/angular.min.js'></script>
  <script type='text/javascript'>//<![CDATA[

angular.module('myApp', [])
.controller("myController", function($scope, $http) {
    $scope.loc = "Loading...";
    $http.get('location.php?q=hello')
        .success(function (data, status, header, config) {
            console.log(header());
            $scope.loc = header('Location');
         })
        .error(function(data, status) {
            console.log((data || 'Req Failed') + ': ' + status);
        });
});
  //]]></script>

</head>
<body>
    <div ng-app="myApp" ng-controller="myController">
        Location Header: {{loc}}
    </div>
</body>
</html>

<?php

}

如何从angularjs中的POST API读取Location标头？

相关阅读

相关文章

相关问答

相关工具

相关文档