將數據發佈到iframe，然後從鏈接下載文件

Question

我在將一些數據發佈到iframe然後從鏈接下載文件時遇到問題。

我已經搜索了類似的問題stackoverflow，並試圖適應我的代碼，使這項工作與我發現的信息。

目前它只將數據發佈到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> 

如果我創建了一個按鈕<button id="go"/>Download</button>並將其按在頁面的iframe中加載之後，它下載正確的文件。

預先感謝您。

Answer 1

如果你想發送POST數據到輸出URL，並設置下載網址：

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