WordPressでAjaxを使う方法

ajaxをトリガーに、wordpressの関数を実行させたいのですができないでいます。

ajax実行後のalertの"データ保存: "は表示される状態です。

wordpressの関数内容は
wordpressのテーマをzipにしダウンロードするものです。
ダウンロードする際にhttpリクエストを使用するのでajaxの使用がよくないのかなと思っていますが
ajax、javascriptに強くないので何が原因か、あたりもつけられないでいます。

なにかわかる方がいましたらご教授いただけるとありがたいです。

($=>{
  $.ajax({
    type: 'post',
    url: ajaxurl,
    data: {
      action: 'backup_data_setting',
    }
  }).done(function() {
      alert( "データ保存: ");
  });
})(jQuery);

wordpress

function backup_data_setting() {
  // zipファイル名
  $fileName = "test-zipFile";
  // 圧縮対象フォルダ
  $bp_path = dirname(__FILE__);
  $compressDir = str_replace("/functions", "", $bp_path);

  // zipファイル保存先
  $zipFileSavePath = str_replace("/テーマ名", "", $compressDir);

  // コマンド
  // cd：ディレクトリの移動
  // zip:zipファイルの作成
  $command =  "cd ". $compressDir .";".
  	    "zip -r ". $zipFileSavePath . $fileName .".zip .";

  // Linuxコマンドの実行
  exec($command);

  //圧縮したファイルをダウンロードさせる。
  header('Pragma: public');
  header("Content-Type: application/octet-stream");
  header("Content-Disposition: attachment; filename=".$fileName.".zip");
  readfile($zipFileSavePath.$fileName.".zip");

}
add_action( 'wp_ajax_backup_data_setting', 'backup_data_setting' );

※jsは実際はボタンをクリックして上記のjsを実行するようにしてあります。
※管理画面向けのもののため、ログインしている状態からの動作です。

行動規範の内容に同意します

回答2件

ベストアンサー

Ajaxは非同期で通信し、結果を .done(function(data) {}) で受け取るため、受け取ったバイナリを再度ダウンロードできる形に変換する必要があります。

【バイナリファイルをAjaxで取得する際に注意する点 - Qiita】
http://qiita.com/tom_konda/items/484955b8332e0305ebc4

ダウンロードさせるのが目的であれば、それのためのURLを作ったほうが早いと思います。

【Rewrite APIその2 WordPressでアプリを作る基本（WordPressプラグイン開発のバイブルのボツ原稿から） – Shinichi Nishikawa's】
http://nskw-style.com/2014/wordpress/wordpress-app-with-rewrite-api.html

投稿2016/09/15 02:32

kei344

総合スコア69400

test21

2016/09/15 02:56

ご回答いただきましてありがとうございます。提示していただいたサイト確認します。 >結果を .done(function(data) {}) で受け取るため ajaxで指定した関数に飛び、関数内容を実行した後（zipファイルダウンロード後）その結果を受け取る認識でいたのですが（なのでなにも受け取らない）その認識は間違っていますでしょうか。

kei344

2016/09/15 03:02

すいません、「関数内容を実行した後」がなにを指しているのかがわかりません。 doneの中で指定しているfunctionの引数として結果（zipバイナリ）がテキストで返ってくる仕様です。なので、ブラウザはzipを受け取ってはいますが、ダウンロードという形で受け取っているわけではありません。

test21

2016/09/15 03:22

ご回答いただきましてありがとうございます。 >「関数内容を実行した後」 backup_data_setting()で readfile($zipFileSavePath.$fileName.".zip");　で強制的にダウンロードした後、なにもデータを持たず .done(function(data) {})に結果が行く認識でした。

行動規範の内容に同意します