クロスオリジンAjaxでレスポンスヘッダを取得する

クロスオリジンなAjaxでは下記の記事にあるようにほとんどのレスポンスヘッダーが取得できない。


これを何とか取得できるようにできないか。
色々調べたところサーバ側で「Access-Control-Expose-Headers」に読み取りたいヘッダを指定してやればよいとわかった。

Laravel(PHP)ならこんな感じでレスポンスヘッダを付与してあげれば、
$response->headers->set('Access-Control-Expose-Headers', 'hogehoge');
Javascriptで読み取ることができる。
$.ajax({
    type: 'HEAD',
    url: 'http://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());
});