ajaxを使ってphpファイルを動かしファイルをダウンロードしたい

Question

質問失礼します。

あるページがあり、そのぺージに設置された「ファイル一括ダウンロード」ボタンをクリックした際、
ajaxが動作しファイルをダウンロードするphpのプログラムを実行したいのですが実行できません。

以下がソースコードです。

download-files.php

$variableA = $_POST['variableA'];
$variableB = $_POST['variableB'];
$variableC = $_POST['variableC'];
$variableD = $_POST['variableD'];
$variableE = $_POST['variableE'];
$variableF = $_POST['variableF'];

$zip = new ZipArchive();

$zipFileName = $variableA.".zip";

$zipTmpDir = 'document/probationary';

$path = 'document/'.$variableE .'/'.$variableB .'/'.$variableD .'/'.$variableF ;

$result = $zip->open($zipTmpDir.$zipFileName, ZIPARCHIVE::CREATE | ZIPARCHIVE::OVERWRITE);

if ($result !== true) {
  return false;
}

set_time_limit(0);

$fpath_array_beta = array_diff(scandir($path), ['.', '..']);

$fpath_array = array();

foreach ($fpath_array_beta as $key => $value) {
	if(is_dir("$path/$value")){
		$path_sub = "$path/$value";
		$array_beta = array_diff(scandir($path_sub), ['.', '..']);
		foreach ($array_beta as $key2 => $value2) {
			array_push($fpath_array,"$path/$value/$value2"); 
		}
	}else{
		array_push($fpath_array,"$path/$value");
	}
}

foreach ($fpath_array as $filepath) {
	$path_len = mb_strlen('document/'.$variableE.'/'.$variableB.'/'.$variableFD.'/'.$variableF);
	$zip_path = mb_substr($filepath, $path_len+1);
	$zip->addFile($filepath, $zip_path);
}

$zip->close();

header('Content-Type: application/zip; name="' . $zipFileName . '"');
header('Content-Disposition: attachment; filename="' . $zipFileName . '"');
header('Content-Length: '.filesize($zipTmpDir.$zipFileName));
echo file_get_contents($zipTmpDir.$zipFileName);

unlink($zipTmpDir.$zipFileName);

download-files.phpのファイルに直接アクセスするとダウンロードが行えます。
しかしこれだとページを開いた瞬間、勝手にダウンロードが必ず行われるため、
上記の記載の通り、「ファイル一括ダウンロード」ボタンをクリックしたらダウンロードを行いたいです。
そこで以下のajaxを設置しております。

download-files.phpファイルに記述されたJQuery

$(document).ready(function() {
	$('#bulk').click(function(){
		var formData = new FormData();

		var variableA = <?php echo json_encode($variableA); ?>;
		formData.append("variableA",variableA);
		var variableB = <?php echo json_encode($variableB); ?>;
		formData.append("variableB",variableB);
		var variableC= <?php echo json_encode($variableC); ?>;
		formData.append("variableC",variableC);
		var variableD= <?php echo json_encode($variableD); ?>;
		formData.append("variableD",variableD);
		var variableE= <?php echo json_encode($variableE); ?>;
		formData.append("variableE",variableE);
		var variableF= <?php echo json_encode($variableF); ?>;
		formData.append("variableF",variableF);

		$.ajax({
			type: "POST",
			url: "download-files.php",
			data: formData,
			contentType: false,
			cache: false,
			processData: false,
		}).done(function(data, textStatus, jqXHR){
			console.log(variableA+ variableB+ variableC+ variableD+ variableE+ variableF);
		});
	});
});

要素#bulkをクリックするとconsole.logで変数はきちんと表示されます。

以上、原因がお分かりになる方がいらっしゃいましたらご教示いただけますと幸いです。

Answer 1

Ajaxではなく通常のフォーム送信の形を取ればよいかと思います。

Comments

[ringoame49]

ご教示ありがとうございます。

アドバイスいただきました通りformで設置しました。

[m.ts10806]

＞指摘された方

どのあたりが説明不足でしょうか？
※ユーザ名通知来てるので誰が指摘されたかわかるのですが、
　既に解決済みの回答に対して行うものなら、そこは具体的にコメントにしていただきたく。

なお、同じ方が私の回答に多く同じ指摘されてるようなのですが、
以前の低評価と違い、誰が指摘したか投稿者には分かるようになってるようです（上限はあるでしょうが、1人なら目立ちます）
以前の低評価と同じ使い方をしてるのでは？
一応、ユーザ名と共に通報しておきますね。嫌がらせ目的の可能性が高いので。

Answer 2

PHPのヘッダのContent-Typeはoctet-streamの方がよいかもしれません

header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename="' . $zipFileName . '"');
header('Content-Length: '.filesize($zipTmpDir.$zipFileName));
header('Content-Transfer-Encoding: binary');

すでに回答されていますが、ダウンロード指定するので、ajaxで開く必要はありません
formでphpを開けばよいでしょう

Comments

[ringoame49]

ご回答ありがとうございます。
PHPのヘッダの意味をしっかり調べてみようと思います！