AngularJS 无法从 PHP 获取 HTTP 标头

Question

我正在尝试从来自 PHP 网站的 AngularJS 中的 http 调用获取标头。 我正在调用的网站管理员向我保证 CORS 已启用，并且服务器已设置一个标志以允许 js 访问 cookie。 下面是示例代码：

    $http({
        method: "POST",
        url: 'https://example.com/page',
        data: {'Form[foo]': feild1, 'Form[bar]': field2},
        headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'}
    }).then(function(data, status, headers, config) {
        console.log(data.data);
        console.log(headers()['Set-Cookie']); 
    }, function(err) {
        console.error('ERR', err);
    })

在第一个日志评论中，我可以看到返回的网页。在 Chrome Inspector 中，我可以单击页面的回复并查看标题，包括“Set-Cookie”。 但是，第二条日志评论返回：

 TypeError: undefined is not a function

我已经做了很多寻找答案和试错测试的工作。例如：

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

结果 ->

function (name) {
  if (!headersObj) headersObj =  parseHeaders(headers);

  if (name) {
    return headersObj[lowercase(name)] || null;
  }

  return headersObj;
}   

还有：

  }).then(function(resp) {
    console.log(resp.headers["Set-Cookie"]); 

结果 -> 未定义

console.log(resp.header('Set-Cookie')); 

结果 -> TypeError: undefined is not a function

console.log(headers());

结果 -> TypeError: undefined is not a function

我也尝试过使用 angular-cookies（在安装 Bower 之后，在索引中添加脚本标签，注入 $cookies 和 $timeout）：

        $timeout(function(){
            console.log($cookies.session)
        });

结果 -> 未定义

还有

console.log($cookieStore.get('Set-Cookie'));

结果 -> 未定义。

我已经阅读了很多关于这个问题的问题，但所提出的答案都没有奏效。如果有人能指出我正确的方向，我将不胜感激。

Answer 1

从文档中您应该能够按如下方式检索标头

console.log(headers('Set-Cookie'));

Answer 2

$http 服务返回一个由 object 解析的 promise，该对象具有名为 headers 的字段，该字段是获取标头的函数。

因此，要修复现有代码，您需要更改

.then(function(data, status, headers, config) {
        console.log(data.data);
        console.log(headers()['Set-Cookie']); 
    }, function(err) {
        console.error('ERR', err);
    })

到

.then(function(resolvedObject) {
        console.log(resolvedObject);
        console.log(resolvedObject.headers('Set-Cookie')); 
    }, function(err) {
        console.error('ERR', err);
    })

您将它与success 和error 函数混合在一起，它们与返回的相同承诺相关联。

编辑：
从问题更新sn-p：

$http({
        method: "POST",
        url: 'https://example.com/page',
        data: $.param({'Form[foo]': feild1, 'Form[bar]': field2}),
        headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'}
    }).then(function(resolvedOcject) {
        console.log(resolvedOcject);
        console.log(resolvedOcject.headers('Set-Cookie')); 
    }, function(err) {
        console.error('ERR', err);
    });

另外，我相信您的意图是使用 Form[foo] 的值作为参数名称。如果是这样上面的代码不会给你，你需要单独提取它（不是在这一行，而是在之前创建参数）：

// As an object
var params = {};
params[Form.foo] = 'field1';
params[Form.bar] = 'field2';

// Or as a query string
var queryString = Form.foo + '=' + field1 + '&' + Form.bar + '=' + field2;