iframeにデータを投稿してリンクからファイルをダウンロードする

Question

iframeにデータを投稿してからリンクからファイルをダウンロードする際に問題が発生します。

私は同様の質問についてはstackoverflowを検索しており、私が見つけた情報でこの作業を行うためにコードを修正しようとしました。

現在のところ、データはiframeにのみ投稿されます。ここ

は私がボタン<button id="go"/>Download</button>を作成し、ページがIFRAME内にロードした後、それを押すと、それが正しいファイルをダウンロードし、私のコード

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> 
<form action="http://www.example.com" method="post" target="output_frame" accept-charset='UTF-8'> 
<input type='hidden' name='package_shape' value='box' /> 
<input type="submit" name='op' id='go' value='download' /> 
</form> 
<script> 
    var downloadUrl = 'http://www.example.com/pdf'; 

    $('#myFrame').on('load', function(){ 
     console.log('WOOT!', arguments); 
    }); 

    $('#go').on('click', function(){ 
     $('#myFrame').attr('src', downloadUrl); 
    }); 
</script> 
<iframe name="output_frame" src="" width="100%" height="500" id="myFrame"> 
</iframe> 

です。

ありがとうございます。あなたは出力URLにPOSTデータを送信したい、また、設定、ダウンロードURL場合

Answer 1

：

$('#go').on('click', function(){ 
    $('#myFrame').on('load', function(){ $('#myFrame').attr('src', downloadUrl); }); 
    //setTimeout(function(){ $('#myFrame').attr('src', downloadUrl); }, 500); 
});