AJAXPOSTリクエストを使用して簡単なダウンロードを提供しようとしています。ユーザーがをクリックする<span>
と、ダウンロードが開始されます(または、ブラウザによってはダウンロードダイアログが表示されます)。私はこれをすべて実装しましたが、AJAX応答はブラウザーのダウンロード動作をトリガーせず、その理由はわかりません。
これが私のコードです:
HTML /小枝:
<span id="export_csv">csv - click me to download the file</span>
javascript:
<script type="text/javascript">
$(document).ready(function() {
$('#export_csv').click(function(){
var params = "some params";
$.ajax({
type: 'POST',
url: "{{path('ExportBundle_export', {'format': 'csv','report' : 'basic'})}}",
data: params
});
});
});
</script>
コントローラーコード(symfony2、ただしここでは関係ありません):
$response = new Response(file_get_contents($document->getPath()));
$response->setStatusCode(200);
$response->headers->set('Content-Type', $document->getMime());
$response->headers->set('Content-Description', 'Submissions Export');
$response->headers->set('Content-Disposition', 'attachment; filename='
. $filename . '.' . $format);
$response->headers->set('Content-Transfer-Encoding', 'binary');
$response->headers->set('Pragma', 'no-cache');
$response->headers->set('Expires', '0');
return $response;
これはリクエストの例です。
Request URL:http://myapp.local/app_dev.php/export/basic/csv
Request Method:POST
Status Code:200 OK
および応答ヘッダー:
cache-control:private, must-revalidate
Connection:close
content-description:Submissions Export
content-disposition:attachment; filename=report_1363013244.csv
Content-Length:790
content-transfer-encoding:binary
Content-Type:text/csv; charset=UTF-8
Date:Mon, 11 Mar 2013 14:47:24 GMT
expires:0
pragma:no-cache
Server:Apache/2.2.22 (Ubuntu)
x-debug-token:513dee7c99fdb
X-Powered-By:PHP/5.3.10-1ubuntu3.5
Google ChromeのFirebugに似たツールバーのタブを確認しましNetwork
たが、応答はファイルとまったく同じように見えます。ヘッダーに問題があるかもしれませんが、すでに2回チェックしました...
PS 1
AJAXを使って作りたいです(HTMLフォームを作成するよりも好きです)。
PS 2
クライアントサイドレイヤー(javascript)にたくさんのパラメーターがあります。それらすべてをコントローラー(サーバー側スクリプト)で使用できるようにする必要があります。data
AJAXを使用するときは、キーに渡すだけです。