URLに投稿して新しいウィンドウを開いてpdfの応答を表示するには

Question

ajaxを使用して大量のデータをURL（例：/ generate-pdf）に投稿する必要があります。 サーバーは、生成されたレポートをPDF形式（ファイルではなくストリーム）で返します。 新しいウィンドウを開いてコンテンツを表示する方法を教えてください。 GETリクエストの場合 が、それは以下を実行することと同じくらい簡単です。

<a href="/generate-pdf?from=xxxx-xx-xx&to=yyyy-yy-yy" target="_blank" >Report from x to y</a>

しかし、私は、サーバーに送信されるため、データのサイズのPOSTを行う必要があります。おかげさまで

Answer 1

これは私がやってしまったものです：

function generatePdf(){ 
 
\t var target = document.getElementById('box-1'); 
 
\t var spinner = new Spinner(opts).spin(target); 
 
\t var tree = $("#tree_container").fancytree("getTree"); 
 
\t var selectedNodes = tree.getSelectedNodes(true) 
 
\t var inputs = ''; 
 
\t $('#report_card_gen_form').remove();//remove any form that might have been created from previous request 
 
\t var selectedMarkingPeriod = $("#marking_period_selector option:selected"); 
 
\t if(selectedMarkingPeriod.val() == -1){ 
 
\t \t inputs += '<input type="hidden" name="school_year_id" value="' + selectedMarkingPeriod[0].dataset.syId + '">'; 
 
\t } 
 
\t else{ 
 
\t \t inputs += '<input type="hidden" name="marking_period_id" value="' + selectedMarkingPeriod.val() + '">'; 
 
\t } 
 
\t for(var index = 0; index < selectedNodes.length; index++){ 
 
\t \t inputs += '<input type="hidden" name="studentIds[]" value="' + selectedNodes[index].data.id + '">'; 
 
\t \t //form.append(selectedNodes[index].data.nodeType + '[]', selectedNodes[index].data.id); 
 
\t } 
 
\t console.log('form data'); 
 
\t console.log($(inputs)); 
 
\t 
 
\t $('body').append('<form action="/grades/report-cards" method="POST" name="report_card_gen_form" id="report_card_gen_form" target="_blank">' + inputs + '</form>'); 
 
\t $('#report_card_gen_form').submit(); 
 
\t spinner.stop(); 
 
}

Answer 2

新しいウィンドウを開くと、そのウィンドウにリクエストが送信されます。

あなたは、どのpdfが要求されているかに関する情報を入手し、そのpdfを持つサーバーからページを読み込む必要があります。

役立ちますか？