クロスオリジンAjaxでレスポンスヘッダを取得する
クロスオリジンなAjaxでは下記の記事にあるようにほとんどのレスポンスヘッダーが取得できない。
これを何とか取得できるようにできないか。
色々調べたところサーバ側で「Access-Control-Expose-Headers」に読み取りたいヘッダを指定してやればよいとわかった。
Laravel（PHP）ならこんな感じでレスポンスヘッダを付与してあげれば、
Javascriptで読み取ることができる。
これを何とか取得できるようにできないか。
色々調べたところサーバ側で「Access-Control-Expose-Headers」に読み取りたいヘッダを指定してやればよいとわかった。
Laravel（PHP）ならこんな感じでレスポンスヘッダを付与してあげれば、
$response->headers->set('Access-Control-Expose-Headers', 'hogehoge');$.ajax({
type: 'HEAD',
url: 'https://api.example.jp/',
cache: false,
}).done(function(data, status, xhr){
console.log(xhr.status);
console.log(xhr.getAllResponseHeaders());
conlose.log(xhr.getResponseHeader('hogehoge'));
}).fail(function(xhr, status, error){
console.log(xhr.status);
console.log(xhr.getAllResponseHeaders());
});