将数据发布到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); 
});