ブラウザでファイルダウンロードが終わったタイミングでJSでなにかする方法

この投稿の参考元

こちらの記事を参考にさせてもらいました
http://d.hatena.ne.jp/nabehiro/20140208/1391850498　

概要

何かしらのファイルダウンロードが終わった時（html以外のレスポンスを受け取るようなとき）に、受け取り終わった後何かやりたいというケースについて。（意外と業務システム屋だと多い気がする）
この動きを必要とした時に、参考元のブログの方法がだいぶ理想的な動きだったので、自分用に修正を加えたものをメモ。

サーバーサイド

今回はPHPで。

// 名前・値・有効期限・パス
setcookie('downloaded','complete',0,'/');

クライアントサイド

$(function(){
        // フォームがサブミットされた時
    $('#your_form').submit(function() {
        var onComplete = function(){
            if (getCookieValue('downloaded') == 'complete') {
                // 任意の処理
            }
            else{
                // 再起してCookieが作成されたか監視
                setTimeout(onComplete, 1000);
            }
        }
        onComplete();
    });
        // クッキー値取得
    function getCookieValue(name){
        var result = '',
            key = name+'=',
            _cookie = document.cookie,
            _s = _cookie.indexOf(key),
            _e = _cookie.indexOf(';',_s);

        _e = _e === -1 ? _cookie.length : _e;
        result = decodeURIComponent(_cookie.substring(_s,_e)).replace(key,'');
        return result;
    }
        // クッキー消す
    function deleteCookie(name){
        document.cookie = name+'=; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/';
    }
});

メモ

Cookie消すときはpath指定してないと消えないので注意