質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.92%

CakePHP3でAjax送信してファイルダウンロードがしたいです。

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 1,798

ssk

score 288

前提・実現したいこと

PHP(CakePHP)で項目を選択してCSV出力する実装をしています。
ajaxでリクエストを送り、CSVダウンロードが始まるようにしたいです

発生している問題・エラーメッセージ

ajaxリクエスト自体はうまくいっています。
コントローラー側でうまくとれていないようです。

該当のソースコード

コントローラー側

public function index()
{
//CSV出力がクリックされた場合は検索結果を持ってる$queryを引数にexport()アクションへ
        if($this->request->query('csv') === 'true'){
            $this->setAction('export',$query);
        }
}

public function export($query)
    {

        $Export_Table = TableRegistry::get('Export_Dbackorders');
        $clumns = $Export_Table->find('all')->combine('value','name')->toArray();

        if($this->request->is(['ajax']) && $this->request->query('export') === 'true'){

            $results = $query->hydrate(false)->toArray();
            $request         = $this->request->query;
            $select_clumns    = isset($request['select_clumns']) && $request['select_clumns'] !== '' ? $request['select_clumns'] : FALSE;

            stream_filter_register('eolFilter', 'App\\Filters\\CsvEolFilterHelper');
            stream_filter_register('encodeFilter', 'App\\Filters\\CsvEncodeFilterHelper');

            $fp = fopen('php://output', 'w');

            // フィルタを開いたストリームに付加する
            stream_filter_append($fp, 'eolFilter');
            stream_filter_append($fp, 'encodeFilter');

            // ダウンロードさせる
            header('Content-Type: text/csv');
            header('Content-Disposition: attachment; filename="テスト.csv"');

            include ('../config/myconf/csvExport/Hoges.php');

            $this->autoRender = false;

            ////////////////////////////////////////////////////////////
            //fclose — オープンされたファイルポインタをクローズする
            ////////////////////////////////////////////////////////////

            fclose($fp);
        }

        $this->set('clumns', $clumns);
        $this->set('title', 'CSVエクスポート');
    }

javascript側

$(function() {
    $("#submit").click(function() {
        var results = [];

        var result = $("#sortable").sortable("toArray");
        $(result).each(function() {

          results.push('select_clumns[]='+ this);

        });

        str = results.join('&');
        console.log(str);
        //window.location.href = location.href + "&export=true&" + ;
        //$(this).attr("href", location.href + "&export=true&" + results);

        $("#result").val(results);
            $.ajax({
                url: location.href + str,
                processData: false,
                contentType: false,
                type: "GET",
            }).done(function (response) {
                alert("success");
            }).fail(function () {
                alert("failed");
            });
    });
});

補足情報(言語/FW/ツール等のバージョンなど)

location.href + strには
http://localhost/test/hoges?freeword=%E6%A03&select_clumns[]=id&select_clumns[]=dbo01&select_clumns[]=dbo02が入っています。

alert("success");になるので、ajax側は問題ないかと考えています。

ちなみに、ajaxではなくコメントアウトしている
window.location.href = location.href + "&export=true&" + ;で行うとCSVダウンロードが開始されます。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

ajaxはJavaScript側でPHPからのレスポンスを受け取るので、ダウンロードになりません。form要素を使ったGET/POSTか、ご自身で書かれている location.href で処理する方法が手早いです。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/05/28 13:46

    ありがとうございます。
    location.hrefで対応することに致します。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.92%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る