html页面获取返回header,ajax 返回response 获取 headers中的参数

响应头配置：Access-Control-Expose-Headers: , , ...

header('Access-Control-Expose-Headers: token');  // 坑！服务器 headers 白名单，可以让客户端进行访问操作的属性

响应首部 Access-Control-Expose-Headers 列出了哪些首部可以作为响应的一部分暴露给外部

需要设置允许客户端访问header头才可进行访问<?php

header('Access-Control-Expose-Headers: XXXTOKEN');  //允许插入 XXXTOKEN 这个键

header('XXXTOKEN: 123123');

浏览器默认是不让获得header中其他值，只能获得 Content-Type

html>

$.ajax({

'url': 'http://127.0.0.1:8011/api/admin/login',

//'contentType': 'application/json',

'method':'post',

'headers':{

//'X-Access-Token':'asdfasd',

//"X-Requested-With":"XMLHttpRequest",

//"Weiyi-Env":"development"

},

'data':{

//'type':'1'

},

success:function(data,textStatus,xhr){

console.log('success');

console.log(data);

console.log(textStatus);

console.log(xhr.getResponseHeader('content-type'));

console.log(xhr.getResponseHeader('content-length'));

console.log(xhr.getResponseHeader('XXXTOKEN')); //可以获取到 123123的值

console.log(xhr);

console.log(xhr.getAllResponseHeaders());

//跨域只能获取到这些数据

//last-modified: Thu, 11 Jul 2019 07:23:17 GMT

//content-type: image/png

console.log(this);

},

error:function (XMLHttpRequest, textStatus, errorThrown) {

console.log(123123123);

console.log(XMLHttpRequest);

console.log(textStatus);

console.log(errorThrown);

}

});

测试跨域